typescript - Hur använder man Pinia-butik korrekt i en root-vue-komponent?
Min main.ts:
import './assets/tailwind.css' import './assets/wordpress.css' import { createApp } from 'vue' import { createPinia } from 'pinia' import App from './App.vue' import router from './router' const app = createApp(App) app.use(createPinia()) app.use(router) app.mount('#app') Läs mer →vue.js - När man använder Pinia och TypeScript, hur använder man en Action för att sätta State?
Jag har en Pinia + TypeScript-butik som heter user.ts som ser ut så här:
import { User } from 'firebase/auth'; import { defineStore } from 'pinia'; export const useUserStore = defineStore('user', { state: () => ({ displayName Läs mer →javascript - använda pinia utanför komponent ger felmeddelande om ingen aktiv pinia
Jag arbetar på ett Vue.js 3-projekt byggt med ViteSse-mallen, och jag vill använda en av mina Pinia-butiker som heter notificationStore utanför setup-komponenten, men jag får felet getActivePinia called with no active Pinia. Did you forget to install Pinia när jag kör dev-kommandot. Dess beteende är så märkligt eftersom det inte uppstår om jag lägger till useNotificationStore efter att dev-servern har laddats och det fungerar bra, men när useNotificationStore finns i min ts-fil o
Läs mer →vue.js - Skicka en Pinia Store som en Prop med Vue3 och TypeScript
Jag använder Typescript, Pinia och Vue3 och har en MenuButton-komponent som jag vill kunna skicka in en Pinia-store för, som används för menyns öppet-/stängtillstånd samt åtgärderna för att visa/dölja. Det finns flera olika menyer i appen, därför vill jag kunna skicka in dem, och de anvä
Läs mer →typescript - Hur använder man en array som definierats i en Pinia-store?
Jag skapade en butik för att använda User-resursen, och den butiken har en array av roller. Det jag försöker göra är att söka efter en specifik roll i den arrayen. Jag försökte använda Array-funktionerna, men det fungerar inte med PropType<T[]>.
import router from "@/router"; import axios from 'axi Läs mer →typescript - ts(2769) Ingen överlagring matchar detta anrop när man använder $patch på Ref i Pinia-butiken
Jag sitter fast med ett TypeScript-problem. Koden fungerar faktiskt, det är bara ett IDE-fel som kastas på mig för att jag försöker använda $patch-funktionen från Pinia.
Här är min butik:
import { AuthenticationResult } from '@azure/msal-browser' import { defineStore } from 'pinia' import { ref } from 'vue' const useAuthStore = defineStore('auth', () => { const details = ref<AuthenticationResult>() return { details } }) export default useAuthStore Läs mer →typescript - Pinia förlorade sina typer när man använder fabriksmönster
För behovet av mitt projekt behöver jag skapa en storeFactory för att modulera skapandet av en pinia-butik.
Jag tog specifikt bort parametrarna här och förenklade kodexemplet.
När jag är i Fil A hämtas typen av storeFactory automatiskt korrekt
När jag är på fil B förloras typen och endast detta kan härledas
StoreDefinition<"store_id", {} | _UnwrapAll<Pick<any, string | number>>, {} | Pick<...>, {} | Pick<...> Läs mer →typescript - Nuxt Pinia: Kan inte importera den namngivna exporten 'computed' från icke EcmaScript-modul (endast standardexport är tillgänglig)
Jag kan inte använda Pinia i Nuxt 2.15.8 och Vue 2.7.10 med Typescript, jag har försökt många metoder och installerat många beroenden, men det fungerar helt enkelt inte, jag har försökt så många saker att jag var tvungen att starta om mina huvudmappar på GitHub; jag installerade dessa beroenden
"@pinia/nuxt": "^0.4.9", "vue-server-renderer": "^2.7.10", "vue-template-compiler": "^2.7.10"I byggmoduler
Läs mer →typescript - Pinia useStore returnerar any
Jag använder Pinia med Vue3 och TypeScript. Genom att använda de många olika sätten att typa butiken har jag inte kunnat få butiken att typas som något annat än any.
Här är implementeringen:
import { defineStore } from "pinia"; import type { DataT } from "@/types"; interface DataStore { data: DataT[]; } export const useDataStore = defineStore("dataStore", { state: (): DataStore => ({ data: [] as DataT[], }), }); Läs mer →typescript - Definiera pinia-tillstånd baserat på ett gränssnitt utan att skapa varje egenskap manuellt igen
Jag försöker implementera state management (pinia) i en SPA. Vi använder TypeScript och jag undrar om det finns något sätt att definiera ett state baserat på ett interface utan att behöva typa varje enskild egenskap i staten igen. I princip, tala om för
Läs mer →