Apply guest layout

SebKay · SebKay · commit 8092f511ec77 · 2025-03-27T09:57:47.000Z
diff --git a/resources/js/Layouts/Guest.vue b/resources/js/Layouts/Guest.vue
@@ -0,0 +1,64 @@
+<template>
+
+    <Head>
+        <title></title>
+    </Head>
+
+    <div class="min-h-full flex flex-col">
+        <main class="xl:py-16 py-8 px-4 sm:px-6 xl:px-8">
+            <div class="mx-auto max-w-7xl">
+                <slot />
+            </div>
+        </main>
+    </div>
+
+    <Notice />
+</template>
+
+<script setup>
+    import { computed, defineAsyncComponent } from "vue";
+    import { usePage } from '@inertiajs/vue3'
+
+    const page = usePage();
+
+    const menu = computed(() => {
+        if (page.props.auth.loggedIn) {
+            return [
+                {
+                    label: "Dashboard",
+                    route: route("home"),
+                    condition: true,
+                    components: ['Dashboard/Index'],
+                },
+                {
+                    label: "Account",
+                    route: route("account.edit"),
+                    condition: true,
+                    components: ['Account/Edit', 'EmailVerification/Show'],
+                },
+                {
+                    label: "Logout",
+                    route: route("logout"),
+                    method: "post",
+                    condition: true,
+                    components: [],
+                },
+            ];
+        }
+
+        return [
+            {
+                label: "Login",
+                route: route("login"),
+                condition: true,
+                components: ['Login/Show'],
+            },
+            {
+                label: "Register",
+                route: route("register"),
+                condition: true,
+                components: ['Register/Show'],
+            },
+        ];
+    });
+</script>
diff --git a/resources/js/Pages/EmailVerification/Show.vue b/resources/js/Pages/EmailVerification/Show.vue
@@ -3,7 +3,10 @@
     <Head :title="title" />
 
     <div class="mx-auto max-w-2xl">
-        <PageTitle class="mb-4 xl:mb-8" :text="title" />
+        <PageTitle
+            class="mb-4 xl:mb-8"
+            :text="title"
+        />
 
         <div class="bg-white rounded-2xl xl:p-10 p-6 border border-brand-200">
             <div class="text-center">
@@ -21,6 +24,14 @@
     </div>
 </template>
 
+<script>
+    import Layout from '@js/Layouts/Guest.vue';
+
+    export default {
+        layout: Layout,
+    }
+</script>
+
 <script setup>
     import { ref } from "vue";
     import { router } from "@inertiajs/vue3";
diff --git a/resources/js/Pages/Login/Show.vue b/resources/js/Pages/Login/Show.vue
@@ -55,8 +55,7 @@
                                 type="checkbox"
                                 v-model="loginForm.remember"
                             />
-                            <div
-                                class="peer">
+                            <div class="peer">
                             </div>
                             <span>
                                 Remember me
@@ -89,6 +88,14 @@
     </div>
 </template>
 
+<script>
+    import Layout from '@js/Layouts/Guest.vue';
+
+    export default {
+        layout: Layout,
+    }
+</script>
+
 <script setup>
     import { ref } from "vue";
     import { useForm } from "@inertiajs/vue3";
diff --git a/resources/js/Pages/Register/Show.vue b/resources/js/Pages/Register/Show.vue
@@ -100,6 +100,14 @@
     </div>
 </template>
 
+<script>
+    import Layout from '@js/Layouts/Guest.vue';
+
+    export default {
+        layout: Layout,
+    }
+</script>
+
 <script setup>
     import { ref } from "vue";
     import { useForm } from "@inertiajs/vue3";
diff --git a/resources/js/Pages/ResetPassword/Edit.vue b/resources/js/Pages/ResetPassword/Edit.vue
@@ -3,7 +3,10 @@
     <Head :title="title" />
 
     <div class="mx-auto max-w-2xl">
-        <PageTitle class="mb-4 xl:mb-8" :text="title" />
+        <PageTitle
+            class="mb-4 xl:mb-8"
+            :text="title"
+        />
 
         <div class="bg-white rounded-2xl xl:p-10 p-6 border border-brand-200">
             <form @submit.prevent="submitForm">
@@ -54,6 +57,14 @@
     </div>
 </template>
 
+<script>
+    import Layout from '@js/Layouts/Guest.vue';
+
+    export default {
+        layout: Layout,
+    }
+</script>
+
 <script setup>
     import { ref } from "vue";
     import { useForm } from "@inertiajs/vue3";
diff --git a/resources/js/Pages/ResetPassword/Show.vue b/resources/js/Pages/ResetPassword/Show.vue
@@ -52,6 +52,14 @@
     </div>
 </template>
 
+<script>
+    import Layout from '@js/Layouts/Guest.vue';
+
+    export default {
+        layout: Layout,
+    }
+</script>
+
 <script setup>
     import { ref } from "vue";
     import { useForm } from "@inertiajs/vue3";
