base front

front/app.vue

@@ -1,3 +1,16 @@
+<script setup lang="ts">
+import 'assets/main.scss'
+</script>
 <template>
-  <NuxtPage />
+  <div class="container">
+    <div class="header">
+      HEADER
+    </div>
+    <div class="sidebar">
+      SIDEBAR
+    </div>
+    <div class="content">
+      <NuxtPage />
+    </div>
+  </div>
 </template>

front/assets/main.scss

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

front/nuxt.config.ts

@@ -1,4 +1,5 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
-  devtools: { enabled: true }
+  devtools: { enabled: true },
-})
+  modules: ["@nuxt/ui"]
+})

front/package.json

@@ -10,8 +10,12 @@
     "postinstall": "nuxt prepare"
   },
   "dependencies": {
+    "@nuxt/ui": "^2.16.0",
     "nuxt": "^3.11.2",
     "vue": "^3.4.27",
     "vue-router": "^4.3.2"
+  },
+  "devDependencies": {
+    "sass": "^1.77.2"
   }
 }