typescript - Pinia mağazasını ana vue bileşeninde doğru şekilde nasıl kullanılır?
Benim main.ts dosyam:
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(' DAHA FAZLASI →vue.js - Pinia ve TypeScript kullanırken, bir Action ile State nasıl ayarlanır?
user.ts adında bir Pinia + TypeScript mağazam var ve şu şekilde görünüyor:
import { User } from 'firebase/auth'; import { defineStore } from 'pinia'; export const useUserStore = defineStore('user', { state: () => ({ displayNa DAHA FAZLASI →javascript - bileşen dışında pinia kullanmak aktif pinia hatası oluşturur
ViteSse şablonu kullanılarak oluşturulmuş bir Vue.js 3 projesi üzerinde çalışıyorum, setup bileşeni dışında notificationStore adında Pinia depolarımdan birini kullanmak istiyorum ama dev komutunu çalıştırdığımda getActivePinia called with no active Pinia. Did you forget to install Pinia hatası alıyorum. Davranışı çok garip çünkü dev sunucusu yüklendikten sonra useNotificationStore eklersem bu hata oluşmuyor ve sorunsuz çalışıyor, ancak useNotificationStore ts dosyamda mevcutsa ve
DAHA FAZLASI →vue.js - Vue3 ve TypeScript ile Bir Pinia Mağazasını Prop Olarak Aktarmak
Typescript, Pinia ve Vue3 kullanıyorum ve MenuButton adında bir bileşenim var. Bu bileşene, menünün açık/kapalı durumunu tutan Pinia mağazasını ve göster/gizle işlemleri için kullanılan aksiyonları geçirebilmek istiyorum. Uygulamada birkaç farklı menü var, bu yüzden onları geçirebilmek i
DAHA FAZLASI →typescript - Pinia mağazasında tanımlanan bir diziyi nasıl kullanırım?
Kullanıcı kaynağını kullanmak için bir mağaza oluşturdum ve o mağazada bir rol dizisi var. Yapmaya çalıştığım şey, o dizide belirli bir rolü aramak. Dizi fonksiyonlarını kullanmayı denedim, ama PropType
typescript - ts(2769) Pinia mağazasında Ref üzerinde $patch kullanırken bu çağrıya uyan bir aşırı yükleme yok
Typescript ile ilgili bir konuda takıldım. Kod aslında çalışıyor, sadece pinia'dan $patch fonksiyonunu kullanmaya çalıştığım için IDE bana bir hata gösteriyor.
İşte benim mağazam:
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İ
DAHA FAZLASI →typescript - Pinia, fabrika deseni kullanıldığında tiplerini kaybetti
Projemin ihtiyacı için, bir Pinia store'un oluşturulmasını modüle etmek amacıyla bir storeFactory oluşturmam gerekiyor.
Burada özellikle parametreleri kaldırdım ve kod örneğini basitleştirdim.
Dosya A'dayken, storeFactory türü otomatik olarak doğru bir şekilde alınır
Ben dosya B olduğumda tür kaybolur ve yalnızca bu çıkarılabilir
StoreDefinition<"store_id", {} | _UnwrapAll<Pick<any, string | number>>, {} | Pick<...>, {} | Pic DAHA FAZLASI →typescript - Nuxt Pinia: EcmaScript olmayan modülden 'computed' adlı dışa aktarmayı içe aktaramıyor (sadece varsayılan dışa aktarma mevcut)
Nuxt 2.15.8 ve Vue 2.7.10 ile Typescript kullanarak Pinia'yı kullanamıyorum, birçok yöntem denedim ve birçok bağımlılık yükledim, ama çalışmıyor, o kadar çok şey denedim ki GitHub'daki ana klasörlerimi yeniden başlatmak zorunda kaldım; bu bağımlılıkları yükledim
"@pinia/nuxt": "^0.4.9", "vue-server-renderer": "^2.7.10", "vue-template-compiler": "^2.7.10"yerleşik modüllerde Pinia kullanmayı denedim,
DAHA FAZLASI →typescript - Pinia useStore her şeyi döndürüyor
Vue3 ve TypeScript ile Pinia kullanıyorum. Mağazayı tipledmenin birçok farklı yolunu denememe rağmen, mağazanın any dışında başka bir şekilde tiplenmesini sağlayamadım.
İşte uygulanışı:
import { defineStore } from "pinia"; import type { DataT } from "@/types"; interface DataStore { data: DataT[]; } export const useDataStore = defineStore("dataStore", { state: (): DataStore => ({ data: [] as DataT[], }), }); DAHA FAZLASI →typescript - Her özelliği tekrar manuel olarak oluşturmadan bir arayüze dayalı pinia durumu tanımlama
SPA'de durum yönetimini (pinia) uygulamaya çalışıyorum. Typescript kullanıyoruz ve durumu her bir özelliği tekrar tek tek belirtmeden bir arayüz temelinde tanımlamanın bir yolu olup olmadığını merak ediyorum. Temelde, duruma bir arayüze dayandığını söyl
DAHA FAZLASI →