Update inertia

composer.json

@@ -16,15 +16,15 @@
         "ext-dom": "*",
         "blade-ui-kit/blade-icons": "^1.6",
         "code16/laravel-content-renderer": "^1.1",
-        "inertiajs/inertia-laravel": "^1.0",
+        "inertiajs/inertia-laravel": "^2.0",
         "intervention/image": "^3.4",
         "intervention/image-laravel": "^1.2",
         "laravel/framework": "^11.0",
+        "laravel/prompts": "0.*",
         "league/commonmark": "^2.4",
         "masterminds/html5": "^2.8",
         "spatie/image-optimizer": "^1.6",
-        "tightenco/ziggy": "^2.0",
-        "laravel/prompts": "0.*"
+        "tightenco/ziggy": "^2.0"
     },
     "require-dev": {
         "brianium/paratest": "^7.0",

demo/composer.json

@@ -7,7 +7,7 @@
         "blade-ui-kit/blade-icons": "^1.6",
         "code16/laravel-content-renderer": "^1.2",
         "guzzlehttp/guzzle": "^7.2",
-        "inertiajs/inertia-laravel": "^1.0",
+        "inertiajs/inertia-laravel": "^2.0",
         "intervention/image": "^3.4",
         "intervention/image-laravel": "^1.2",
         "laravel/framework": "^11.0",

package.json

@@ -55,7 +55,7 @@
     "@googlemaps/js-api-loader": "^1.16.8",
     "@headlessui/vue": "^1.7.19",
     "@heroicons/vue": "^2.0.18",
-    "@inertiajs/vue3": "^1.2.0",
+    "@inertiajs/vue3": "^2.0.0",
     "@tiptap/core": "^2.2.2",
     "@tiptap/extension-character-count": "^2.2.2",
     "@tiptap/extension-code-block": "^2.2.2",

resources/js/form/components/useFormTabs.ts

@@ -14,12 +14,7 @@ export function useFormTabs(props: { form: FormData }) {
     if(props.form.layout.tabbed && props.form.layout.tabs.length > 1) {
         watch(selectedTabSlug, () => {
             const url = location.origin + location.pathname + `?tab=${selectedTabSlug.value}`;
-            // @ts-ignore
-            router.page.url = url;
-            // @ts-ignore
-            history.replaceState(router.page, null, url);
-            // todo inertia v2 router.page doesn't exist so we will have to hack with popstate event
-            // window.dispatchEvent(new PopStateEvent('popstate'));
+            router.replace({ url, preserveState: true });
         }, { immediate: true });
     }
 

tests-e2e/site/composer.json

@@ -7,18 +7,18 @@
     "license": "MIT",
     "require": {
         "php": "^8.2",
+        "ext-json": "*",
         "blade-ui-kit/blade-icons": "^1.7",
         "code16/laravel-content-renderer": "^1.2",
-        "inertiajs/inertia-laravel": "^1.3",
+        "inertiajs/inertia-laravel": "^2.0",
         "intervention/image": "^3.9",
         "intervention/image-laravel": "^1.3",
         "laravel/framework": "^11.31",
         "laravel/tinker": "^2.9",
         "spatie/laravel-db-snapshots": "^2.6",
         "spatie/laravel-ray": "^1.37",
         "spatie/laravel-translatable": "^6.8",
-        "tightenco/ziggy": "^2.4",
-        "ext-json": "*"
+        "tightenco/ziggy": "^2.4"
     },
     "require-dev": {
         "fakerphp/faker": "^1.23",