javascript - Magazinul Pinia într-un component Vue Typescript dă eroarea „Proprietatea 'testStore' nu există pe tipul 'CreateComponentPublicInstance'....”

Am un bloc <script setup> în care import testStore, dar ori de câte ori vreau să folosesc this.testStore.name undeva în fișierul meu Vue, Vetur îmi dă această eroare:

Property 'testStore' does not exi

Citeste mai mult →

javascript - Cum să simulezi Pinia și vue-i18n în același timp?

Folosesc API-ul de Compoziție al Vue 3 astfel:

store.ts

import { ref, Ref } from 'vue'; import { defineStore } from 'pinia'; export const useStore = defineStore('store', () => { const isLoading: Ref<boolean> = ref(true); function init() { isLoading.value = true; setTimeout(()

Citeste mai mult →

typescript - Pinia: Nu se poate accesa magazinul din API-ul Nuxt3

Am un proiect Nuxt3 cu un API în server/api/<api-endpoints>. În interiorul unui endpoint, când încerc să folosesc un Store Pinia, afișează:

sau când încerc să accesez o funcție

Citeste mai mult →

javascript - Cum să configurezi starea inițială în Pinia folosind TypeScript

Am unele probleme când adaug TypeScript într-un magazin Pinia, așa că aș dori să știu cum pot rezolva această problemă, acest proiect folosește Pinia:^2.0.16 și Vue:3.2.37

Aceasta este eroarea:

Tipul '{}' nu are următoarele proprietăți din tipul 'Order': id, user_id, total,

Citeste mai mult →

vuejs3 - Cum să folosesc corect o proprietate personalizată adăugată magazinelor mele Pinia în Typescript?

Folosesc Vue 3 împreună cu Pinia; am un serviciu API care este folosit pentru a face cereri către API-ul meu, l-am adăugat ca proprietate pentru a fi disponibil în toate magazinele mele, astfel:

main.ts:

import { http } from "@/se

Citeste mai mult →

javascript - Care este modul obișnuit de a încapsula datele în interiorul magazinelor Pinia atunci când se folosește API-ul de compoziție?

Folosesc Vue 3 cu Pinia și vreau să folosesc API-ul de compoziție în interiorul magazinelor mele Pinia. Având următorul exemplu de magazin

export const useMyStore = defineStore("my", () => { const currentState = ref(0);

Citeste mai mult →

typescript - Tipul State cu Pinia este destrămat în acțiuni sau în afară

Având acest magazin aici :

interface Task { id?: string; name: string; done: boolean; } interface TodoState { tasks: Task[]; loading: boolean; } export const useTodoStore = defineStore({ id: 'todo', state: (): TodoState => ({ tasks: [], loading: false, }), getters: {}, actions: { async addTask(name: string): Promise<void> { this.loading = true; this.tasks.push({ name, done: false, id: generateID() }); await sleep(200);

Citeste mai mult →

typescript - Problemă cu tipurile în ts, useStorage (vueuse) și Pinia

Primește o eroare ciudată în următorul cod: Proprietatea 'length' nu există pe tipul '{ [RefSymbol]: true; }'.

Dar când verific tipul lui foo în funcția getCount, IDE-ul meu îmi spune că este de tip Foo[]. Ce fac greșit?

import { defineStore } f

Citeste mai mult →

typescript - Cum să folosești vue-router în interiorul unui magazin pinia?

Implementez un magazin de autentificare (cu Firebase) și în funcție de autentificare vreau să direcționez utilizatorul către pagina de login/pagină autentificată.

Practic, încerc să realizez următoarele: https://github.com/dannyconnell/vue-composition-api-course/blob/module-23/vue-composition-api-noteballs/src/stores/stor

Citeste mai mult →

Pinia/TypeScript Accesarea getter-elor din acțiune — Proprietatea nu există pe tip

Am un magazin.

export const useGameStore = defineStore("game", { state: () => gameBaseState, getters: { foundMarkers(state): Marker[] { return state.markers.filter((m) => m.found); }, ... }, actions: { c

Citeste mai mult →