dsfsdfs

src/routes/auth/layout.vue

@@ -0,0 +1,35 @@
+<template>
+    <div class="w-full max-w-md bg-white p-8 rounded-xl border border-primary m-auto">
+        <div class="text-center mb-8">
+            <div class="inline-flex items-center justify-center w-12 h-12 mb-4">
+                <img class="w-12 h-12" src="/apple-touch-icon.png" alt="Logo" />
+            </div>
+            <h2 class="text-2xl font-bold text-gray-900">
+                {{ content[route.name as keyof typeof content]?.title || '' }}
+            </h2>
+            <p class="text-gray-500 text-sm mt-1">
+                {{ content[route.name as keyof typeof content]?.subtitle || '' }}
+            </p>
+        </div>
+        <router-view />
+    </div>
+</template>
+<script setup lang="ts">
+import { useRoute } from 'vue-router';
+
+const route = useRoute();
+const content = {
+    login: {
+        title: 'Welcome back',
+        subtitle: 'Please enter your details to sign in.'
+    },
+    signup: {
+        title: 'Create your account',
+        subtitle: 'Please fill in the information to create your account.'
+    },
+    forgot: {
+        title: 'Forgot your password?',
+        subtitle: "Enter your email address and we'll send you a link to reset your password."
+    }
+}
+</script>