initial

frontend/app/pages/index.vue

@@ -0,0 +1,52 @@
+<template>
+  <div class="my-3">
+    <h1>Welcome!</h1>
+    <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
+      <!-- left -->
+      <div class="col-span-2">
+        <p>
+          This is a sample <strong>Nuxt</strong> web application that uses
+          <strong>Spring Boot</strong> as a RESTful backend. Launch the backend
+          from your IDE or use the following commands:
+        </p>
+        <pre>
+cd backend
+mvn clean spring-boot:run
+</pre
+        >
+        <p>
+          I've left comments in the most important parts of the code. For more
+          details, use the links section.
+        </p>
+      </div>
+      <!-- right -->
+      <div class="bg-neutral-100 py-2 px-4 rounded-lg">
+        <h3 style="margin-top: 0 !important">Links</h3>
+        <ol>
+          <li>
+            <a href="https://nuxt.com" target="_blank">Nuxt</a> - the core
+            framework based on Vue.js.
+          </li>
+          <li>
+            <a href="https://ui.nuxt.com" target="_blank">Nuxt UI</a> - utility
+            components and styling.
+          </li>
+          <li>
+            <a href="https://spring.io/projects/spring-boot" target="_blank">
+              Spring Boot
+            </a>
+            - the most popular Java framework.
+          </li>
+          <li>
+            <a href="https://github.com/nvm-sh/nvm" target="_blank">
+              Node Version Manager
+            </a>
+            - an absolute must for any npm project.
+          </li>
+        </ol>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts"></script>