Default Vue layout for app pages (#38)

* Set default Vue layout

* Remove layout option from all Vue pages using default layout

Author: SebKay

resources/js/Pages/Account/Edit.vue

@@ -85,11 +85,7 @@
 <script>
     import { useForm } from "@inertiajs/vue3";
 
-    import AppLayout from "@js/Layouts/App.vue";
-
     export default {
-        layout: AppLayout,
-
         props: {
             user: Object,
         },

resources/js/Pages/Home/Index.vue

@@ -11,11 +11,7 @@
 </template>
 
 <script>
-    import AppLayout from "@js/Layouts/App.vue";
-
     export default {
-        layout: AppLayout,
-
         data() {
             return {
                 title: "Home",

resources/js/app.js

@@ -6,14 +6,19 @@ import { createInertiaApp, Link, Head } from '@inertiajs/vue3';
 
 import { userCan } from "@js/utilities/permissions.js";
 
+import AppLayout from "@js/Layouts/App.vue";
+
 import Notice from "@js/Components/Notice.vue";
 import Button from "@js/Components/Button.vue";
 
 createInertiaApp({
     resolve: name => {
         const pages = import.meta.glob('./Pages/**/*.vue', { eager: true });
+        let page = pages[`./Pages/${name}.vue`];
+
+        page.default.layout = page.default.layout || AppLayout;
 
-        return pages[`./Pages/${name}.vue`];
+        return page;
     },
 
     setup({ el, App, props, plugin }) {