Inertia v2

Author: SebKay

bun.lockb

@@ -7,7 +7,7 @@
         "php": "^8.2",
         "althinect/filament-spatie-roles-permissions": "^2.2",
         "filament/filament": "^3.2",
-        "inertiajs/inertia-laravel": "^1.3",
+        "inertiajs/inertia-laravel": "^2.0",
         "laravel/framework": "^11.17",
         "laravel/horizon": "^5.26",
         "laravel/pulse": "^1.2",

composer.json

@@ -1,7 +1,7 @@
 {
   "devDependencies": {
     "@heroicons/vue": "^2.2.0",
-    "@inertiajs/vue3": "^1.3.0",
+    "@inertiajs/vue3": "^2.0.0",
     "@sentry/vue": "^8.47.0",
     "@tailwindcss/forms": "^0.5.9",
     "@tailwindcss/typography": "^0.5.15",

composer.lock

@@ -20,7 +20,9 @@
 
 <script setup>
     import { ref, onMounted } from 'vue';
-    import { router } from "@inertiajs/vue3";
+    import { router, usePage } from "@inertiajs/vue3";
+
+    const page = usePage();
 
     const active = ref(false);
     const icon = ref("");
@@ -29,20 +31,20 @@
 
     onMounted(() => {
         router.on('finish', () => {
-            let error = Object.values(router.page.props.errors)[0] || router.page.props.error;
+            let error = Object.values(page.props.errors)[0] || page.props.error;
 
-            if (router.page.props.success) {
+            if (page.props.success) {
                 icon.value = "CheckCircleIcon";
                 type.value = "success";
-                message.value = router.page.props.success;
+                message.value = page.props.success;
             } else if (error) {
                 icon.value = "XCircleIcon";
                 type.value = "error";
                 message.value = error;
-            } else if (router.page.props.warning) {
+            } else if (page.props.warning) {
                 icon.value = "ExclamationCircleIcon";
                 type.value = "warning";
-                message.value = router.page.props.warning;
+                message.value = page.props.warning;
             }
 
             setActive();