feat: use nuxt 4 structure

app/layouts/README.md

@@ -0,0 +1,15 @@
+## Layouts
+
+Vue components in this dir are used as layouts.
+
+By default, `default.vue` will be used unless an alternative is specified in the route meta.
+
+```vue
+<script setup lang="ts">
+definePageMeta({
+  layout: 'home',
+})
+</script>
+```
+
+Learn more on https://nuxt.com/docs/guide/directory-structure/layouts

app/layouts/default.vue

@@ -0,0 +1,9 @@
+<template>
+  <main class="px-10 py-20 text-center">
+    <slot />
+    <Footer />
+    <div class="mx-auto mt-5 text-center text-sm opacity-25">
+      [Default Layout]
+    </div>
+  </main>
+</template>

app/layouts/home.vue

@@ -0,0 +1,9 @@
+<template>
+  <main class="px-10 py-20 text-center">
+    <slot />
+    <Footer />
+    <div class="mx-auto mt-5 text-center text-sm opacity-25">
+      [Home Layout]
+    </div>
+  </main>
+</template>