typescript - ¿Cómo usar correctamente la tienda Pinia en el componente raíz de Vue?

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

Leer más →

vue.js - Al usar Pinia y TypeScript, ¿cómo se utiliza una acción para establecer el estado?

Tengo una tienda de Pinia + TypeScript llamada user.ts que se ve así:

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

Leer más →

javascript - usar pinia fuera de un componente genera error de pinia no activa

Estoy trabajando en un proyecto de Vue.js 3 construido usando la plantilla ViteSse. Quiero usar una de mis stores de Pinia llamada notificationStore fuera del componente setup, pero obtengo el error getActivePinia called with no active Pinia. Did you forget to install Pinia cuando ejecuto el comando de desarrollo. Su comportamiento es tan extraño porque no ocurre si agrego useNotificationStore después de que el servidor de desarrollo se haya cargado; y funciona bien, pero cuando

Leer más →

vue.js - Pasando una tienda de Pinia como una prop con Vue3 y TypeScript

Estoy usando Typescript, Pinia y Vue3 y tengo un componente MenuButton al que quiero poder pasar una tienda de Pinia que se use para el estado de apertura del menú, así como las acciones para mostrar/ocultar. Hay un par de menús diferentes en la aplicación, por eso quiero poder pasarlos,

Leer más →

typescript - ¿Cómo usar un array definido en una tienda de Pinia?

Creé una tienda para usar el recurso User, y esa tienda tiene un arreglo de roles. Lo que estoy tratando de hacer es buscar un rol específico en ese arreglo. Intenté usar las funciones de Array, pero no funciona con PropType<T[]>.

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

Leer más →

typescript - ts(2769) Ninguna sobrecarga coincide con esta llamada al usar $patch en Ref en la tienda Pinia

Estoy atascado en un problema de TypeScript. El código en realidad funciona, solo es un error del IDE que se me muestra por intentar usar la función $patch de Pinia.

Aquí está mi tienda:

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

Leer más →

typescript - Pinia perdió sus tipos al usar el patrón de fábrica

Para la necesidad de mi proyecto, necesito crear un storeFactory para modular la creación de una tienda de Pinia.

Específicamente eliminé los parámetros aquí y simplifiqué el ejemplo de código.

Cuando estoy en el Archivo A, el tipo de storeFactory se recupera automáticamente de manera correcta

Cuando estoy en el archivo B, se pierde el tipo y solo se puede inferir esto

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

Leer más →

typescript - Nuxt Pinia: No se puede importar la exportación nombrada 'computed' desde un módulo que no es de EcmaScript (solo la exportación por defecto está disponible)

No puedo usar Pinia en Nuxt 2.15.8 y Vue 2.7.10 con TypeScript, he intentado muchos métodos e instalado muchas dependencias, pero simplemente no funciona, he probado tantas cosas que tuve que reiniciar mis carpetas principales en GitHub; instalé estas dependencias

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

en los módulos de construcción intento usar

Leer más →

typescript - Pinia useStore devuelve cualquier

Estoy usando Pinia con Vue3 y TypeScript. Usando las muchas formas diferentes de tipar la tienda, no he podido lograr que la tienda sea tipada como algo diferente a any.

Aquí está la implementación:

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

Leer más →

typescript - Definir el estado de pinia basado en una interfaz sin crear cada propiedad manualmente de nuevo

Estoy intentando implementar la gestión de estado (pinia) en una SPA. Estamos usando TypeScript y me pregunto si hay alguna manera de definir un estado basado en una interfaz sin necesidad de escribir de nuevo cada propiedad en el estado. Básicamente, d

Leer más →