typescript - Bagaimana cara menggunakan store Pinia dengan benar di komponen root vue?
Main.ts saya:
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') Baca lebih banyak →vue.js - Saat menggunakan Pinia dan TypeScript, bagaimana Anda menggunakan Action untuk mengatur State?
Saya memiliki store Pinia + TypeScript bernama user.ts yang terlihat seperti ini:
import { User } from 'firebase/auth'; import { defineStore } from 'pinia'; export const useUserStore = defineStore('user', { state: () => ({ di Baca lebih banyak →javascript - menggunakan pinia di luar komponen menyebabkan error no active pinia
Saya sedang mengerjakan proyek Vue.js 3 yang dibangun menggunakan template ViteSse, saya ingin menggunakan salah satu store Pinia saya yang bernama notificationStore di luar komponen setup tetapi saya mendapatkan error getActivePinia called with no active Pinia. Did you forget to install Pinia ketika saya menjalankan perintah dev. Perilakunya sangat aneh karena hal ini tidak terjadi jika saya menambahkan useNotificationStore setelah server dev dimuat dan itu bekerja dengan baik,
Baca lebih banyak →vue.js - Melewatkan Store Pinia sebagai Prop dengan Vue3 dan TypeScript
Saya menggunakan Typescript, Pinia, dan Vue3 dan memiliki komponen MenuButton yang ingin saya bisa mengirimkan store Pinia yang digunakan untuk status buka menu serta aksi untuk menampilkan/menyembunyikan. Ada beberapa menu berbeda di aplikasi ini, itulah sebabnya saya ingin bisa mengiri
Baca lebih banyak →typescript - Bagaimana cara menggunakan array yang didefinisikan di store Pinia?
Saya membuat sebuah store untuk menggunakan sumber daya User, dan store itu memiliki array peran. Apa yang saya coba lakukan adalah mencari peran tertentu dalam array itu. Saya mencoba menggunakan fungsi Array, tetapi itu tidak bekerja dengan PropType<T[]>.
import router from "@/router"; import axi Baca lebih banyak →typescript - ts(2769) Tidak ada overload yang cocok dengan pemanggilan ini saat menggunakan $patch pada Ref di store Pinia
Saya terjebak pada masalah typescript. Kodenya sebenarnya bekerja, hanya saja ada error di IDE yang muncul kepada saya saat mencoba menggunakan fungsi $patch dari pinia.
Ini toko saya:
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 Baca lebih banyak →typescript - Pinia kehilangan tipenya saat menggunakan pola pabrik
Untuk kebutuhan proyek saya, saya perlu membuat storeFactory untuk memodulasi pembuatan store pinia.
Saya secara khusus menghapus parameter di sini dan menyederhanakan contoh kode.
Ketika saya berada di File A, tipe dari storeFactory secara otomatis diambil dengan benar
Ketika saya berada di file B, tipe hilang dan hanya ini yang dapat disimpulkan
StoreDefinition<"store_id", {} | _UnwrapAll<Pick<any, string | number>>, {} | Pick<...& Baca lebih banyak →typescript - Nuxt Pinia: Tidak bisa mengimpor ekspor bernama 'computed' dari modul non EcmaScript (hanya ekspor default yang tersedia)
Saya tidak bisa menggunakan Pinia di Nuxt 2.15.8 dan Vue 2.7.10 dengan Typescript, saya sudah mencoba banyak metode dan menginstal banyak dependensi, tapi itu tetap tidak berhasil, saya sudah mencoba begitu banyak hal sampai-sampai saya harus memulai ulang folder utama saya di GitHub; saya menginstal dependensi ini
"@pinia/nuxt": "^0.4.9", "vue-server-renderer": "^2.7.10", "vue-template-compiler": "^2.7.10" Baca lebih banyak →typescript - Pinia useStore mengembalikan any
Saya menggunakan Pinia dengan Vue3 dan TypeScript. Dengan menggunakan berbagai cara untuk mengetik store, saya belum bisa membuat store diketik sebagai apa pun selain any.
Berikut implementasinya:
import { defineStore } from "pinia"; import type { DataT } from "@/types"; interface DataStore { data: DataT[]; } export const useDataStore = defineStore("dataStore", { state: (): DataStore => ({ data: [] as DataT[], }), } Baca lebih banyak →typescript - Mendefinisikan state pinia berdasarkan sebuah interface tanpa membuat setiap properti lagi secara manual
Saya mencoba menerapkan manajemen state (pinia) dalam SPA. Kami menggunakan TypeScript dan saya bertanya-tanya apakah ada cara untuk mendefinisikan state berdasarkan sebuah interface tanpa perlu mengetik ulang setiap properti dalam state. Intinya, membe
Baca lebih banyak →