Upgrade to Inertia v1 (#12)

* Remove old Inertia libraries

* Install new Inertia Vue3 adapter

* Change how createInertiaApp is defined

* Change all references to old Inertia imports to new ones

Author: SebKay

package-lock.json

@@ -5,9 +5,7 @@
         "build": "vite build"
     },
     "dependencies": {
-        "@inertiajs/inertia": "^0.11.1",
-        "@inertiajs/inertia-vue3": "^0.6.0",
-        "@inertiajs/progress": "^0.2.7",
+        "@inertiajs/vue3": "^1.0.0",
         "@vitejs/plugin-vue": "^4.0.0",
         "laravel-vite-plugin": "^0.7.3",
         "postcss": "^8.4.21",

package.json

@@ -75,7 +75,7 @@
     import AppLayout from "@js/Layouts/App.vue";
     import AppButton from "@js/Components/AppButton.vue";
 
-    import { useForm } from "@inertiajs/inertia-vue3";
+    import { useForm } from "@inertiajs/vue3";
 
     export default {
         layout: AppLayout,

resources/js/Pages/Account/Edit.vue

@@ -69,7 +69,7 @@
     import GuestLayout from "@js/Layouts/Guest.vue";
     import AppButton from "@js/Components/AppButton.vue";
 
-    import { useForm } from "@inertiajs/inertia-vue3";
+    import { useForm } from "@inertiajs/vue3";
 
     export default {
         layout: GuestLayout,

resources/js/Pages/Login/Show.vue

@@ -80,7 +80,7 @@
     import GuestLayout from "@js/Layouts/Guest.vue";
     import AppButton from "@js/Components/AppButton.vue";
 
-    import { useForm } from "@inertiajs/inertia-vue3";
+    import { useForm } from "@inertiajs/vue3";
 
     export default {
         layout: GuestLayout,

resources/js/Pages/Register/Show.vue

@@ -2,35 +2,28 @@ import { ZiggyVue } from 'ziggy-vue';
 import route from 'ziggy';
 
 import { createApp, h } from 'vue';
-import { createInertiaApp, Link, Head } from '@inertiajs/inertia-vue3';
-import { InertiaProgress } from '@inertiajs/progress';
+import { createInertiaApp, Link, Head } from '@inertiajs/vue3';
 import { resolvePageComponent } from 'laravel-vite-plugin/inertia-helpers';
 
 createInertiaApp({
-    resolve: async name => {
-        let page = resolvePageComponent(`./Pages/${name}.vue`, import.meta.glob('./Pages/**/*.vue'));
+    resolve: name => {
+        const pages = import.meta.glob('./Pages/**/*.vue', { eager: true });
 
-        return page;
+        return pages[`./Pages/${name}.vue`];
     },
 
     setup({ el, App, props, plugin }) {
-        const VueApp = createApp({ render: () => h(App, props) });
-
-        VueApp
+        createApp({ render: () => h(App, props) })
             .use(plugin)
-            .use(ZiggyVue);
-
-        VueApp
+            .use(ZiggyVue)
             .component('Head', Head)
-            .component('Link', Link);
-
-        VueApp
+            .component('Link', Link)
             .mount(el);
     },
 
     title: title => title ? `${title} | Template` : 'Template',
-});
 
-InertiaProgress.init({
-    color: '#f5f5f5',
+    progress: {
+        color: '#f5f5f5',
+    },
 });