typescript - Hvordan bruke Pinia store riktig i rot 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')

Les mer →

vue.js - Når du bruker Pinia og TypeScript, hvordan bruker du en Action for å sette State?

Jeg har en Pinia + TypeScript store som heter user.ts som ser slik ut:

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

Les mer →

javascript - bruk av pinia utenfor komponent gir feil om ingen aktiv pinia

Jeg jobber med et Vue.js 3-prosjekt bygget med ViteSse-mal. Jeg vil bruke en av mine Pinia-butikker kalt notificationStore utenfor setup-komponenten, men jeg får getActivePinia called with no active Pinia. Did you forget to install Pinia-feil når jeg kjører dev-kommandoen. Oppførselen er så merkelig fordi det ikke skjer hvis jeg legger til useNotificationStore etter at dev-serveren er lastet, og det fungerer bra, men når useNotificationStore finnes i ts-filen min og jeg kjører de

Les mer →

vue.js - Sende en Pinia Store som en Prop med Vue3 og TypeScript

Jeg bruker Typescript, Pinia og Vue3 og har en MenuButton-komponent som jeg vil kunne sende inn en Pinia-store som brukes for menyens åpne-tilstand samt handlingene for å vise/skjule. Det er et par forskjellige menyer i appen, derfor vil jeg kunne sende dem inn, og de bruker alle samme f

Les mer →

typescript - Hvordan bruke et array definert i Pinia-butikken?

Jeg opprettet en butikk for å bruke Bruker-ressursen, og den butikken har en matrise av roller. Det jeg prøver å gjøre, er å søke etter en spesifikk rolle i den matrisen. Jeg prøvde å bruke Array-funksjonene, men det fungerer ikke med PropType<T[]>.

import router from "@/router"; import axios from

Les mer →

typescript - ts(2769) Ingen overbelastning samsvarer med dette kallet når du bruker $patch på Ref i Pinia-butikk

Jeg sitter fast på et Typescript-problem. Koden fungerer egentlig, det er bare en IDE-feil som blir vist fordi jeg prøver å bruke $patch-funksjonen fra Pinia.

Her er butikken min:

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

H

Les mer →

typescript - Pinia mistet typene sine når man bruker fabrikkmønsteret

For behovet til prosjektet mitt trenger jeg å lage en storeFactory for å modulere opprettelsen av en Pinia-store.

Jeg fjernet spesielt parameterne her og forenklet kodeeksempelet.

Når jeg er i Fil A, hentes typen til storeFactory automatisk korrekt

Når jeg er på fil B, går typen tapt og bare dette kan sluttes ut

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

Les mer →

typescript - Nuxt Pinia: Kan ikke importere den navngitte eksporten 'computed' fra en ikke-EcmaScript-modul (kun standardeksport er tilgjengelig)

Jeg kan ikke bruke Pinia i Nuxt 2.15.8 og Vue 2.7.10 med Typescript, jeg har prøvd mange metoder og installert mange avhengigheter, men det fungerer bare ikke, jeg har prøvd så mange ting at jeg måtte starte hovedmappene mine på nytt på GitHub; jeg installerte disse avhengighetene

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

I innebygde moduler prøver

Les mer →

typescript - Pinia useStore returnerer any

Jeg bruker Pinia med Vue3 og TypeScript. Ved å bruke de mange forskjellige måtene å typenytte butikken på, har jeg ikke klart å få butikken til å bli typet som noe annet enn any.

Her er implementeringen:

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

Les mer →

typescript - Definer pinia-tilstand basert på et grensesnitt uten å måtte opprette hver egenskap manuelt på nytt

Jeg prøver å implementere tilstandsadministrasjon (pinia) i en SPA. Vi bruker TypeScript, og jeg lurer på om det finnes en måte å definere en tilstand basert på et grensesnitt uten behov for å skrive typen for hver enkelt egenskap i tilstanden på nytt.

Les mer →