typescript - Come utilizzare correttamente lo store Pinia nel componente root di Vue?

Il mio 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')

Continua a leggere →

vue.js - Quando si usa Pinia e TypeScript, come si utilizza un'Action per impostare lo Stato?

Ho uno store Pinia + TypeScript chiamato user.ts che sembra così:

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

Continua a leggere →

javascript - usare pinia al di fuori di un componente genera errore nessun pinia attivo

Sto lavorando a un progetto Vue.js 3 costruito usando il template ViteSse, voglio usare uno dei miei store Pinia chiamato notificationStore al di fuori del componente setup, ma ottengo l'errore getActivePinia called with no active Pinia. Did you forget to install Pinia quando eseguo il comando dev. Il suo comportamento è così strano perché non si verifica se aggiungo useNotificationStore dopo che il server di sviluppo è stato caricato, e funziona bene, ma quando useNotificationSt

Continua a leggere →

vue.js - Passare un negozio Pinia come Prop con Vue3 e TypeScript

Sto usando Typescript, Pinia e Vue3 e ho un componente MenuButton al quale voglio poter passare uno store Pinia che viene usato per lo stato di apertura del menu, così come per le azioni per mostrarlo/nasconderlo. Ci sono un paio di menu diversi nell'app, ecco perché voglio poterli passa

Continua a leggere →

typescript - Come usare un array definito nello store di Pinia?

Ho creato un negozio per usare la risorsa User, e quel negozio ha un array di ruoli. Quello che sto cercando di fare è cercare un ruolo specifico in quell'array. Ho provato a usare le funzioni degli array, ma non funzionano con PropType<T[]>.

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

Continua a leggere →

typescript - ts(2769) Nessun overload corrisponde a questa chiamata quando si usa $patch su Ref in uno store Pinia

Sono bloccato su un problema di TypeScript. Il codice in realtà funziona, è solo un errore dell'IDE che mi viene mostrato quando provo a usare la funzione $patch di Pinia.

Ecco il mio negozio:

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

Continua a leggere →

typescript - Pinia ha perso i suoi tipi quando si utilizza il pattern factory

Per la necessità del mio progetto, ho bisogno di creare una storeFactory per modulare la creazione di un store Pinia.

Ho specificamente rimosso i parametri qui e semplificato l'esempio di codice.

Quando sono nel File A, il tipo di storeFactory viene recuperato automaticamente in modo corretto

Quando sono il file B il tipo viene perso e solo questo può essere dedotto

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

Continua a leggere →

typescript - Nuxt Pinia: Impossibile importare l'esportazione nominata 'computed' da un modulo non EcmaScript (è disponibile solo l'esportazione predefinita)

Non riesco a usare Pinia in Nuxt 2.15.8 e Vue 2.7.10 con Typescript, ho provato molti metodi e installato molte dipendenze, ma semplicemente non funziona, ho provato così tante cose che ho dovuto riavviare le mie cartelle principali su GitHub; ho installato queste dipendenze

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

Nei moduli integrati ho provato a

Continua a leggere →

typescript - Pinia useStore restituisce qualsiasi

Sto usando Pinia con Vue3 e TypeScript. Usando i molti modi diversi di tipizzare lo store, non sono stato in grado di far sì che lo store fosse tipizzato come altro che any.

Ecco l'implementazione:

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

Continua a leggere →

typescript - Definire lo stato di pinia basato su un'interfaccia senza ricreare manualmente ogni proprietà

Sto cercando di implementare la gestione dello stato (pinia) in una SPA. Stiamo usando TypeScript e mi chiedo se ci sia un modo per definire uno stato basato su un'interfaccia senza dover digitare di nuovo ogni singola proprietà nello stato. Fondamental

Continua a leggere →