Почему в магазинах пиния не определяется?

Я ожидаю вернуть магазин, но у меня ошибка useUsersStore не определена. Несмотря на то, что магазин пинии правильно сохраняет и экспортирует в ecomponent.

https://stackblitz.com/edit/vitejs-vite-wg4uyx?file=src%2Fcomponents%2FFilters.vue,src%2Fstores%2FusersStore.js,src%2Fmain.js

  import { defineStore } from 'pinia';

    export const useUsersStore = defineStore('usersStore', {
      state: () => ({
      ...
      }}
      
      // Component 
      
      export default {
      setup() {
        const usersStore = useUsersStore();

        const countries = usersStore.getCountries;
        const scores = usersStore.getScores;

        const country = ref('');
        const score = ref('');
        
        etc.
        
        }}

// main.js

import { createApp } from 'vue';
import { createPinia } from 'pinia';
import App from './App.vue';

const pinia = createPinia();
const app = createApp(App);

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

🤔 А знаете ли вы, что...
Vue.js предоставляет механизмы для тестирования компонентов и приложений с помощью Jest и других инструментов.


55
1

Ответ:

Решено

«У меня ошибка useUsersStore не определена». Конечно, вы получите сообщение об ошибке, так как вы его не импортировали.

Filters.vue

<script>
import { ref } from 'vue';

// Add this import statement
import { useUsersStore } from '../stores/usersStore';

export default {
...