chore(Layout): Refactored default Layout

layouts/app.vue

@@ -1,17 +0,0 @@
-<template>
-  <div>
-    <Header />
-    <UPage>
-      <template #left>
-        <UAside class="lg:static">
-          <Navigation />
-        </UAside>
-      </template>
-      <UPageBody>
-        <UContainer>
-          <slot />
-        </UContainer>
-      </UPageBody>
-    </UPage>
-  </div>
-</template>

layouts/auth.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>
+    <slot />
+  </div>
+</template>

layouts/default.vue

@@ -1,5 +1,17 @@
 <template>
-    <div>
-    <slot />
+  <div>
+    <Header />
+    <UPage>
+      <template #left>
+        <UAside class="lg:static">
+          <Navigation />
+        </UAside>
+      </template>
+      <UPageBody>
+        <UContainer>
+          <slot />
+        </UContainer>
+      </UPageBody>
+    </UPage>
   </div>
-</template>
+</template>

pages/forgot-password/index.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-definePageMeta({ middleware: ['guest'] })
+definePageMeta({ middleware: ['guest'], layout: 'auth' })
 
 const router = useRouter()
 const { forgotPassword } = useAuth()

pages/index.vue

@@ -1,5 +1,9 @@
 <script setup lang="ts">
-definePageMeta({ middleware: ['auth'], layout: 'app' })
+definePageMeta({ middleware: ['auth'] })
+
+const user = useUser()
+
+console.log(user.value)
 </script>
 
 <template>

pages/login/index.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-definePageMeta({ middleware: ['guest'] })
+definePageMeta({ middleware: ['guest'], layout: 'auth' })
 
 const router = useRouter()
 const route = useRoute()

pages/logout/index.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-definePageMeta({ middleware: ['auth'] })
+definePageMeta({ middleware: ['guest'], layout: 'auth' })
 const { logout } = useAuth()
 logout()
 </script>

pages/password-reset/[token].vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-definePageMeta({ middleware: ['guest'] })
+definePageMeta({ middleware: ['guest'], layout: 'auth' })
 
 const router = useRouter()
 const route = useRoute()