javascript - Sklep Pinia w komponencie Vue w Typescript daje błąd „Właściwość 'testStore' nie istnieje w typie 'CreateComponentPublicInstance'...."

Mam blok <script setup>, w którym importuję mój testStore, ale za każdym razem, gdy chcę użyć this.testStore.name gdzieś w moim pliku Vue, Vetur wyświetla mi ten błąd:

Property 'testStore' does not ex

Czytaj więcej →

javascript - Jak jednocześnie zamockować Pinia i vue-i18n?

Używam Composition API w Vue 3 w następujący sposób:

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; setTime

Czytaj więcej →

typescript - Pinia: Nie można uzyskać dostępu do store z API Nuxt3

Mam projekt Nuxt3 z API w server/api/<api-endpoints>. Wewnątrz endpointu, kiedy próbuję użyć sklepu Pinia, pojawia się komunikat:

albo kiedy próbuję uzyskać dostęp do funkcji k

Czytaj więcej →

javascript - Jak ustawić początkowy stan w pinia używając Typescript

Mam pewne problemy przy dodawaniu TypeScript do sklepu Pinia, więc chciałbym wiedzieć, jak mogę rozwiązać ten problem, ten projekt używa Pinia:^2.0.16 i Vue:3.2.37

To jest błąd:

Typ '{}' nie zawiera następujących właściwości typu 'Order': id, user_id, total, user, products

Czytaj więcej →

vuejs3 - Jak prawidłowo używać niestandardowej właściwości dodanej do moich sklepów Pinia w Typescript?

Używam Vue 3 z Pinia; mam usługę api, która służy do wysyłania żądań do mojego api, dodałem ją jako właściwość, aby była dostępna we wszystkich moich store, w ten sposób:

main.ts:

import { http } from "@/services/http"; cons

Czytaj więcej →

javascript - Jaki jest powszechny sposób kapsułkowania danych wewnątrz magazynów Pinia przy użyciu API kompozycji?

Używam Vue 3 z Pinia i chcę używać composition API wewnątrz moich store'ów Pinia. Mając następujący przykładowy store

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

Czytaj więcej →

typescript - Typ stanu z Pinia jest destrukturyzowany w akcjach lub poza nimi

Posiadanie tego sklepu tutaj :

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(2

Czytaj więcej →

typescript - Problem z typami w ts, useStorage (vueuse) i Pinia

Otrzymuję dziwny błąd w następującym kodzie: Właściwość 'length' nie istnieje w typie '{ [RefSymbol]: true; }'.

Ale kiedy sprawdzam typ foo w funkcji getCount, mój IDE mówi mi, że jest to typ Foo[]. Co robię źle?

import { defineStore } from 'pin

Czytaj więcej →

typescript - Jak używać vue-router wewnątrz sklepu pinia?

Implementuję magazyn uwierzytelniania (z Firebase) i w zależności od uwierzytelnienia chcę kierować mojego użytkownika na stronę logowania/zalogowaną.

W zasadzie próbuję to osiągnąć: https://github.com/dannyconnell/vue-composition-api-course/blob/module-23/vue-composition-api-noteballs/src/stores/storeAuth.js

ale w

Czytaj więcej →

Pinia/TypeScript Dostęp do getterów z akcji — Właściwość nie istnieje w typie

Mam sklep.

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

Czytaj więcej →