typescript - Kako pravilno koristiti Pinia pohranu u glavnoj Vue komponenti?

Moj 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')

Čitaj više →

vue.js - Kada koristite Pinia i TypeScript, kako koristite Action za postavljanje State-a?

Imam Pinia + TypeScript trgovinu koja se zove user.ts i izgleda ovako:

import { User } from 'firebase/auth'; import { defineStore } from 'pinia'; export const useUserStore = defineStore('user', { state: () => ({ displayName:

Čitaj više →

javascript - korištenje pinia izvan komponente izaziva grešku 'no active pinia'

Radim na Vue.js 3 projektu izgrađenom pomoću ViteSse predloška, želim koristiti jedan od svojih Pinia spremišta pod nazivom notificationStore izvan setup komponente, ali dobijem grešku getActivePinia called with no active Pinia. Did you forget to install Pinia kada pokrenem dev naredbu. Njegovo ponašanje je tako čudno jer se to ne događa ako dodam useNotificationStore nakon što se dev server učita i tada sve radi dobro, ali kad useNotificationStore postoji u mojoj ts datoteci i p

Čitaj više →

vue.js - Prosljeđivanje Pinia Store-a kao prop s Vue3 i TypeScriptom

Koristim Typescript, Pinia i Vue3 i imam MenuButton komponentu kojoj želim moći proslijediti Pinia store koji se koristi za stanje otvaranja menija, kao i akcije za prikazivanje/sakrivanje. U aplikaciji postoji nekoliko različitih menija, zbog čega želim moći prosljeđivati ih, a svi kori

Čitaj više →

typescript - Kako koristiti niz definiran u Pinia spremištu?

Stvorio sam trgovinu kako bih koristio User resurs, i ta trgovina ima niz uloga. Ono što pokušavam učiniti je pronaći određenu ulogu u tom nizu. Pokušao sam koristiti funkcije niza, ali to ne radi s PropType<T[]>.

import router from "@/router"; import axios from 'axios'; import { defineStore } from

Čitaj više →

typescript - ts(2769) Nema preopterećenja koje odgovara ovom pozivu pri korištenju $patch na Ref u Pinia pohrani

Zapelo mi je na problemu s TypeScriptom. Kod zapravo radi, samo mi IDE prikazuje pogrešku jer pokušavam koristiti $patch funkciju iz Pinie.

Evo moje trgovine:

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

Evo mog koda koji poku

Čitaj više →

typescript - Pinia je izgubio svoje tipove pri korištenju factory obrasca

Za potrebe mog projekta trebam stvoriti storeFactory kako bih modulirao stvaranje Pinia store-a.

Ovdje sam namjerno uklonio parametre i pojednostavio primjer koda.

Kada sam u Datoteci A, vrsta storeFactory automatski se ispravno dohvaća

Kada sam datoteka B, tip se gubi i jedino se ovo može zaključiti

StoreDefinition<"store_id", {} | _UnwrapAll<Pick<any, string | number>>, {} | Pick<...>, {} | Pick<...>

Čitaj više →

typescript - Nuxt Pinia: Ne mogu uvesti imenovani izvoz 'computed' iz modula koji nije EcmaScript (dostupan je samo zadani izvoz)

Ne mogu koristiti Pinia u Nuxt 2.15.8 i Vue 2.7.10 s Typescriptom, pokušao sam mnoge metode i instalirao mnogo ovisnosti, ali jednostavno ne radi, pokušao sam toliko stvari da sam morao ponovno pokrenuti glavne mape na GitHubu; instalirao sam ove ovisnosti

"@pinia/nuxt": "^0.4.9", "vue-server-renderer": "^2.7.10", "vue-template-compiler": "^2.7.10"

u ugrađenim modulima pokušavam koristiti Pinia, ali

Čitaj više →

typescript - Pinia useStore vraća any

Koristim Pinia s Vue3 i TypeScriptom. Koristeći mnoge različite načine tipiziranja pohrane, nisam uspio da pohrana bude tipizirana kao bilo što drugo osim any.

Evo implementacije:

import { defineStore } from "pinia"; import type { DataT } from "@/types"; interface DataStore { data: DataT[]; } export const useDataStore = defineStore("dataStore", { state: (): DataStore => ({ data: [] as DataT[], }), });

Čitaj više →

typescript - Definirajte pinia stanje na temelju sučelja bez ponovnog ručnog stvaranja svake vlasnosti

Pokušavam implementirati upravljanje stanjem (pinia) u SPA. Koristimo TypeScript i zanima me postoji li način da se definira stanje temeljeno na sučelju (interface) bez potrebe da se svaki pojedinačni atribut u stanju ponovno tipizira. U osnovi, reći st

Čitaj više →