Vuex4 - Impossible d'accéder à la propriété non définie (accès à « état »)

Question

J'utilise Vue3 et Vuex4 mais j'obtiens toujours l'erreur suivante :

Uncaught TypeError : Impossible de lire les propriétés d'undéfini (lecture de 'state')
    sur ReactiveEffect.eval [as fn] (App.vue?3dfd:36)
    sur ReactiveEffect.run (reactivity.esm-bundler.js?a1e9:160)
    à la valeur ComputedRefImpl.get [en tant que valeur] (reactivity.esm-bundler.js?a1e9:1087)
    lors de l'installation (App.vue?3dfd:37)
    à callWithErrorHandling (runtime-core.esm-bundler.js?5c40:6656)
    à setupStatefulComponent (runtime-core.esm-bundler.js?5c40:6272)
    à setupComponent (runtime-core.esm-bundler.js?5c40:6228)
    sur mountComponent (runtime-core.esm-bundler.js?5c40:4081)
    à processComponent (runtime-core.esm-bundler.js?5c40:4056)
    au patch (runtime-core.esm-bundler.js?5c40:3651)

Je souhaite définir "bonjour" comme variable de message à utiliser dans toute l'application, voici mon fichier main.js

importer { createApp} depuis 'vue'
importer l'application depuis './App.vue'
importer le routeur depuis './router'
importer { createStore } depuis 'vuex' ;


const store = créerStore({
  État(){
    retourner{
      message : 'bonjour'
    }
  }
})


createApp(App).use(router, store).mount('#app')

Ceci est mon fichier App.vue et j'essaie d'utiliser une fonction calculée et une API composée pour le recevoir.

import { ref, calculé } depuis 'vue'
importer { useStore } depuis 'vuex'

exporter par défaut {
  nom : « Application »,
  installation(){
    const magasin = useStore();

    const message = calculé(() => store.state.message);
    console.log(message.value);

    retourner{ }
  }
}

Answer 1

Essayez d'utiliser :

createApp(App)
  .use(router)
  .use(store)
  .mount('#app')