Zacząłem uczyć się vue i natrafiłem na dziwny problem. Zdefiniowałem dwa store, które leżą w tym samym folderze: posts.store.js i auth.store.js. Importując je do komponentu zauważyłem ze zdziwieniem, że useUsersStore mogę zaimportować taką ścieżką:
import { useUsersStore } from '@/stores';
ale już do importu posts muszę dać taką ścieżkę:
import { usePostStore } from "@/stores/post.store.js";
Store zdefiniowane są w ten sposób:
export const usePostStore = defineStore('postStore', {})
export const useUsersStore = defineStore('users', {})
Więc nie bardzo widzę powód dla którego miałby być konieczny różny import.
Jeśli spróbuję zrobić
import { usePostStore } from "@/stores";
dostaję
Uncaught SyntaxError: import not found: usePostStore
Czy istnieje jakieś logiczne wytłumaczenie?