javascript - Pinia-kauppa Typescript Vue -komponentissa antaa virheen "Ominaisuutta 'testStore' ei ole tyypissä 'CreateComponentPublicInstance'...."

Minulla on <script setup>-lohko, jossa tuon testStore-talleni, mutta aina kun haluan käyttää this.testStore.name jossain Vue-tiedostossani, Vetur antaa tämän virheen:

Property 'testStore' does not exi

Lue lisää →

javascript - Kuinka mokata Pinia ja vue-i18n samaan aikaan?

Käytän Vue 3:n Composition API:ta näin:

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(() =>

Lue lisää →

typescript - Pinia: Ei voi käyttää storea Nuxt3 API:sta

Minulla on Nuxt3-projekti, jossa on Api kohdassa server/api/<api-endpoints>. Endpointin sisällä, kun yritän käyttää Pinia Storea, se sanoo:

tai kun yritän käyttää komposoitavaa

Lue lisää →

javascript - Kuinka määrittää alkuperäinen tila Piniassa käyttäen Typescriptiä

Minulla on joitakin ongelmia, kun lisään TypeScriptiä Pinia-kauppaan, joten haluaisin tietää, kuinka voin ratkaista tämän ongelman, tässä projektissa käytetään pinia:^2.0.16 ja Vue:3.2.37

Tämä on virhe:

Tyyppi '{}' puuttuu seuraavat ominaisuudet tyypistä 'Order': id, user_id

Lue lisää →

vuejs3 - Kuinka käytän oikein Pinia-kauppoihini lisättyä mukautettua ominaisuutta Typescriptissä?

Käytän Vue 3:ta yhdessä Pinian kanssa; minulla on api-palvelu, jota käytetään tekemään pyyntöjä apiini, olen lisännyt sen ominaisuutena, jotta se olisi saatavilla kaikissa storeissani, seuraavasti:

main.ts:

import { http } from "@

Lue lisää →

javascript - Mikä on yleinen tapa kapseloida data Pinia-storessa käytettäessä composition API:a?

Käytän Vue 3:ta Pinian kanssa ja haluan käyttää composition API:a Pinia-storeissani. Tässä esimerkkistore:

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

Lue lisää →

typescript - Pinian tilatyyppi puretaan toiminnoissa tai ulkopuolella

Kun tämä kauppa on täällä :

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)

Lue lisää →

typescript - Ongelma tyyppien kanssa ts:n, useStorage (vueuse) ja Pinian kanssa

Saan oudon virheen seuraavassa koodissa: Ominaisuutta 'length' ei ole tyypissä '{ [RefSymbol]: true; }'.

Mutta kun tarkistan foo-muuttujan tyypin getCount-funktiossa, IDE kertoo sen olevan tyyppiä Foo[]. Mitä teen väärin?

import { defineStore }

Lue lisää →

typescript - Kuinka käyttää vue-routeria pinia-kaupassa?

Toteutan autentikointivaraston (Firebasella) ja riippuen autentikoinnista haluan ohjata käyttäjäni kirjautumis- tai kirjautuneelle sivulle.

Yritän käytännössä saavuttaa tämän: https://github.com/dannyconnell/vue-composition-api-course/blob/module-23/vue-composition-api-noteballs/src/stores/storeAuth.js

mutta TypeScr

Lue lisää →

Pinia/TypeScript Pääsy gettersiin toiminnosta — Ominaisuutta ei ole tyypissä

Minulla on kauppa.

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

Lue lisää →