I'm developing a small project and i want to be able to use namespaces to avoid getters, mutations, actions, with same names. As described in docs, the modules must be imported to store, and maps ...

I am trying to create a global store using only the Vue 3 Composition API. Until now I have been doing experimentation, and I read a lot how to use the Composition API, but right know I don't know ...

In almost all guides, tutorial, posts, etc that I have seen on vuex module registration, if the module is registered by the component the createNamespacedHelpers are imported and defined prior to t...

I have broken up my Vuex store into namespaced modules. I have created a User module, where I need to call my Showrooms module. The interesting thing, is that this action works fine. But I am updat...

I have modularized my Vuex store and need child-components to be able to access data/use the same stores as their parent component. Here's what I've tried: <!-- ParentOne.vue --> <template...

In my Vue application, I have Vuex store modules with large arrays of resource objects in their state. To easily access individual resources in those arrays, I make Vuex getter functions that map r...

I am configuring VUEX of Nuxt.js as follows. store ├── README.md ├── posts │   ├── actions.js │   ├── getters.js │   ├── index.js │   ├── mutations.js │   └── utils │   └── getPostById.js └── inde...

I'm manually mounting a component to a dynamic element using Vue.extend like this: import Vue from 'vue'; import MyComponent from 'MyComponent.vue'; const MyComponentConstructor = Vue.extend(MyCo...

I have a Vue page like this: <template> </template> <script> created(){ this.doSomething(); } methods: { doSomething() { ..... } } </script> Now, we want to the te...

I'm using SSR mode in my vuejs-nuxt project. So whenever I attempt to call socket event, I need to pass userID to that socket from the store. The GetUserUUID getter works fine in all other APIs. Bu...

I try to connect to two different web-socket Servers from a VUE-Client with vue-socket.io like this: import { store } from '@/store/store' import { store2 } from '@/store/store2' Vue.use(Vuex) V...

I am having issues trying to get Vuex with Typescript working. I did an example without typescript which worked just fine as shown first below. I am creating a Vuex module and then adding it as sho...

I am unsing Airbnb Eslint on my Vuejs project (using Vue-cli). And one of the rules is no-param-reassign. In order to control the state (using Vuex), one must use mutations/ actions: Rules conflic...

Suppose I have the following component: import { mapState } from 'vuex'; import externalDependency from '...'; export default { name: 'Foo', computed: { ...mapState(['bar']) }, watch: { bar...

I must be missing something. How can I use vuex mapState with multiple modules? As far as understand, besides passing an object as argument, namespaced mapState can take two arguments: namespace a...

I can create a constant through a store in my vuejs application, but i don't think it is a good practice.what is other way to do the same?

I'm trying to perform a dispatch on 'logOutUser' in vuex store, and i'm getting the following error message in respone: TypeError: Cannot read property 'dispatch' of undefined deleteUser.vue (...

I have a Vuex getter that I call from various components in my application. However, I have found a case were slightly more complex logic is required before calling the getter, so I am making use o...

Is it possible to subscribe to an individual mutation? Instead of: this.$store.subscribe((mutation, state) => { if(mutation === 'someMutation'){ doSomething() } }) I would like something ...

When I want to update $auth.user.balance: methods:{ test(){ this.$auth.user.balance = 10; } } But it returns error: Error: [vuex] do not mutate vuex store state outside mutation handlers. How ...

I have recently started with vuex. The official docs explains well what modules are but i am not sure if i understood the namespaces in modules right. Can anybody put some light on namespaces in ...

I have the below getter: withEarmarks: state => { var count = 0; for (let l of state.laptops) { if (l.earmarks.length > 0) { count++; } } return count; } And in a component, this co...

I have a component that receives an array of Villager into it's prop from a parent component. The parent component pulls that array from this.$store.state. return this.$store.state.villages.find(va...

I can't get a vuex getter to update, when a state object changes. I'm trying to get a vuex getter to return a total sum of the values in a state object, with a reduce function. // Mutation state.s...

As Vuex, I'm trying to update an object using form. My code like this. In store: const state = { categories: [] }; //mutations: [mutationType.UPDATE_CATEGORY] (state, id, category) { const rec...