The code below is based on vue3 with typescript used. export interface TenantDto { uuid: string; name: string; } export const useTenantStore = defineStore('tenant', { state: () => ({ tenants: [], }), actions: { setMyTenants: (payload: TenantDto[]) => { this.tenants…
I know that Pinia offers some more features, like debugging, which I don't really need, so I was thinking to use just the composition api for store. But I noticed in with Pinia you can access values from variables directly.…
I am using pinia in a vue 3 project. The store has a few variables in the state, but when I try to set these variables in a method a have in the actions, only the first variable seems to…
I have an init function wich i wrote in a ridiculous way just to examine async/await: function init() { console.log(1) accountsStore.getAccounts().then(() => { categoriesStore.getCategories().then(() => { sheetItemStore.getSheetItems().then(() => { accountsStore.getTotal().then(() => { sheetItemStore.getTotals().then(() => { balanceStore.getGrandTotal().then(() => { console.log(8) })…
I am building a chat functionality in my app (using Typescript, Firebase and Pinia) where the user can create and join a room, where the messages are exchange. The problem is that, after sending the message, the DOM won't update…
When i started this project a created a reusable global window component using a Pinia store. It has worked beautifully for me and I haven't had any problems with it while working on the project for 2 months. All of…
I have a component that on click calls a function that does things in the store: <button @click="this.store.foo()"></button> And in the store I change this property: state: () => ({ focusIn: false, }), actions: { foo() { this.focusIn = true;…
I am building a breadcrumbs component with vue 3, vue router and pinia.. I use a breadcrumbs meta key on my routes with a label and parent attribute. The component generates an array by resolving the parent routes recursively using…
I am trying to use pinia state management in vue 3 but I am getting this error Module not found: Error: Can't resolve 'src/stores/cart' in 'C:UsersAli Haidertheme-projectsrcviewspages // This is my Products component <script> import { defineComponent } from "vue";…
I have created pinia store as composition API (setup). I have loadWidgets async function which I want to await outside of store, and then get widgets property from store (after it's been populated). It seems like .then() doesn't do the…