Failed to resolve import "vuex/types/index.js" from "src/stores/store.ts"

[DevKame]

I work on a Vue+TS project where i decided during working, that i want to use vuex for state management.
Project was created with npm create vue@latest.

after adding vuex with npm i vuex@latest i created my store:

store.ts:

import { createStore } from "vuex/types/index.js";

export const store = createStore({
    state() {
        return {
            loggedIn: false,
            username: null,
        }
    }
})

Both my app and the IDE did not throw any warnings or errors.
Then i switched to my main.ts and wanted to add the store there:

main.ts:

import { store } from "@/stores/store";

const app = createApp(App);

app.use(store);
app.mount('#app');

Then i get this error:

Are there any additional config settings i have to make or did i do sth fundamentally wrong?

info that might be relevant:
durign the initial config for creating the project i accidently said YES to using pinia. I deleted it with npm uninstall pinia first, before installing vuex. Just wanted to let you know in case there might be some pinia-specific configs somewhere that need to be taken care of.

[LinusBorg]

Why are you importing from vuex/types/index.js instead of vuex?

[DevKame]

This was automaticly created by the IDE, i switched it to "vuex" and then this came up:

[IMU-Rain]

I got a solution

You need add
"paths": { "vuex": ["./node_modules/vuex/types"] }
this code to the file tsconfig.app.json >compilerOptions
then i change to version 4.0.2