Could not resolve "@inertiajs/vue3"

[knubbe82]

I follow all instruction regarding installation but after setup I get this error:

Could not resolve "@inertiajs/vue3"

node_modules/momentum-modal/dist/momentum-modal.js:2:42:
      2 │ import { usePage as E, router as I } from "@inertiajs/vue3";

I am using Laravel 9 and Vite 3.2 and this is my package.json:

{
    "private": true,
    "scripts": {
        "dev": "vite",
        "build": "vite build"
    },
    "devDependencies": {
        "@inertiajs/inertia": "^0.11.0",
        "@inertiajs/inertia-vue3": "^0.6.0",
        "@inertiajs/progress": "^0.2.7",
        "@tailwindcss/forms": "^0.5.3",
        "@vitejs/plugin-vue": "^3.0.0",
        "autoprefixer": "^10.4.12",
        "axios": "^1.2.0",
        "laravel-vite-plugin": "^0.7.0",
        "lodash": "^4.17.19",
        "postcss": "^8.4.18",
        "tailwindcss": "^3.2.1",
        "vite": "^3.0.0",
        "vue": "^3.2.41"
    },
    "dependencies": {
        "@headlessui/vue": "^1.7.5",
        "@heroicons/vue": "^2.0.13",
        "momentum-modal": "^0.2.1"
    }
}

[mahbubahmed]

The current version of momentum-modal does not support the latest version of Inertia.js which is v1.0.

We need an update.

[knubbe82]

The current version of momentum-modal does not support the latest version of Inertia.js which is v1.0.

We need an update.

But it's not Inertia 1.0

[jeffreyvanhees]

The current version does actually expects Inertia 1.0, so you'll have to use a lower version of this package.

See https://github.com/lepikhinb/momentum-modal-plugin/blob/d26566f77faeb46ca40ad24912414dd946595d90/package.json#L39