typescript - איך להשתמש נכון בחנות Pinia ברכיב השורש של Vue?

main.ts שלי:

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')

קרא עוד →

vue.js - כאשר משתמשים ב-Pinia ו-TypeScript איך משתמשים ב-Action כדי להגדיר את ה-State?

יש לי חנות Pinia + TypeScript בשם user.ts שנראית כך:

import { User } from 'firebase/auth'; import { defineStore } from 'pinia'; export const useUserStore = defineStore('user', { state: () => ({ displayName: null, email:

קרא עוד →

javascript - שימוש ב-pinia מחוץ לרכיב גורם לשגיאת no active pinia

אני עובד על פרויקט Vue.js 3 שנבנה באמצעות תבנית ViteSse, אני רוצה להשתמש באחד מחנויות Pinia שלי בשם notificationStore מחוץ לרכיב setup אבל אני מקבל את השגיאה getActivePinia called with no active Pinia. Did you forget to install Pinia כאשר אני מריץ את פקודת dev. ההתנהגות שלו כל כך מוזרה כי זה לא קורה אם אני מוסיף את useNotificationStore אחרי שהשרת dev נטען וזה עובד היטב, אבל כאשר useNotificationStore קיים בקובץ ts שלי ואני מריץ את פקודת dev זה מעלה שגיאה.

קרא עוד →

vue.js - העברת חנות Pinia כ-Prop עם Vue3 ו-TypeScript

אני משתמש ב-Typescript, Pinia ו-Vue3 ויש לי קומפונט MenuButton שאני רוצה שיהיה ניתן להעביר לו חנות Pinia שמשמשת למצב פתיחת התפריט וכן את הפעולות להציג/להסתיר. יש כמה תפריטים שונים באפליקציה, ולכן אני רוצה להיות מסוגל להעביר אותם פנימה, וכולם משתמשים באותו פקטורי כדי להגדיר את החנויות. אנ

קרא עוד →

TypeScript - איך להשתמש במערך שהוגדר בחנות של Pinia?

יצרתי חנות כדי להשתמש במשאב המשתמש, ואותה חנות מכילה מערך של תפקידים. מה שאני מנסה לעשות הוא לחפש תפקיד ספציפי במערך הזה. ניסיתי להשתמש בפונקציות המערך, אבל זה לא עובד עם PropType<T[]>.

import router from "@/router"; import axios from 'axios'; import { defineStore } from "pinia"; import {

קרא עוד →

typescript - ts(2769) אין התאמה של אוברלוד לקריאה הזו בעת שימוש ב-$patch על Ref באחסון Pinia

אני תקוע בבעיה עם TypeScript. הקוד באמת עובד, זה רק שגיאת IDE שמוצגת לי כשאני מנסה להשתמש בפונקציה $patch מ-Pinia.

הנה החנות שלי:

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

הנה הקוד שלי שמנסה לתקן את מאפיין ה-details:

קרא עוד →

TypeScript - פיניה איבדה את הטיפוסים שלה כאשר משתמשים בתבנית פקטורי

לצורך הפרויקט שלי אני צריך ליצור storeFactory כדי למודל את יצירת ה-store של pinia.

הסרתי במפורש את הפרמטרים כאן ופישטתי את דוגמת הקוד.

כאשר אני ב-File A, סוג של storeFactory מתאחזר אוטומטית נכון

כאשר אני בקובץ B הסוג אובד ורק זה ניתן להסיק

StoreDefinition<"store_id", {} | _UnwrapAll<Pick<any, string | number>>, {} | Pick<...>, {} | Pick<...>

קובץ A

export function

קרא עוד →

typescript - Nuxt Pinia: לא ניתן לייבא את הייצוא בשם 'computed' ממודול שאינו EcmaScript (רק ייצוא ברירת מחדל זמין)

אני לא יכול להשתמש ב-Pinia ב-Nuxt 2.15.8 ו-Vue 2.7.10 עם TypeScript, ניסיתי הרבה שיטות והתקנתי הרבה תלותים, אבל זה פשוט לא עובד, ניסיתי כל כך הרבה דברים שהייתי צריך לאתחל את התיקיות הראשיות שלי ב-GitHub; התקנתי את התלותים האלה

"@pinia/nuxt": "^0.4.9", "vue-server-renderer": "^2.7.10", "vue-template-compiler": "^2.7.10"

במודולים הבנויים אני מנסה להשתמש ב-Pinia, אבל זה לא עובד אז עכשיו זה ריק:

קרא עוד →

typescript - Pinia useStore מחזיר any

אני משתמש ב-Pinia עם Vue3 ו-TypeScript. בשימוש בדרכים הרבות השונות להקליד את ה-store, לא הצלחתי לגרום ל-store להיות מוקלד כמשהו אחר מלבד any.

הנה היישום:

import { defineStore } from "pinia"; import type { DataT } from "@/types"; interface DataStore { data: DataT[]; } export const useDataStore = defineStore("dataStore", { state: (): DataStore => ({ data: [] as DataT[], }), });

בכל מקום שבו חנות זו מיו

קרא עוד →

TypeScript - הגדר מצב של Pinia בהתבסס על ממשק מבלי ליצור כל תכונה מחדש באופן ידני

אני מנסה ליישם ניהול מצב (pinia) ב-SPA. אנחנו משתמשים ב-Typescript ואני תוהה אם יש דרך להגדיר מצב המבוסס על ממשק (interface) מבלי הצורך להקליד שוב כל נושא בנפרד במצב. בעצם, לומר למצב שהוא מבוסס על ממשק והוא מאותחל עם המבנה הנכון.

אני יכול להגדיר s

קרא עוד →