Step to reproduce Using store.dispatch('

I think it is happening because when the dispatch happens, the <code class="notranslat

<a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/us

[Bug Report] `[vuex] unknown action type: wait/start` occurred on Vue TypeScript about vue-wait HOT 4 OPEN

runyasak commented on May 28, 2024 1

[Bug Report] `[vuex] unknown action type: wait/start` occurred on Vue TypeScript

from vue-wait.

Comments (4)

faenir commented on May 28, 2024 3

Same problem

from vue-wait.

kenzik commented on May 28, 2024

Same issue, but seems to work otherwise. Any workaround?

from vue-wait.

bhaskar-nair2 commented on May 28, 2024

I think it is happening because when the dispatch happens, the wait store has not yet been registered, as of now I just added this line

if (this.hasModule('wait'))
    dispatch('wait/start', 'getCartItems', { root: true })

to remove the error

from vue-wait.

mesa4 commented on May 28, 2024

@bhaskar-nair2 i have another solution

@faenir @kenzik @runyasak

guys you can try to install vue-wait as a plugin

for example create file src/plugins/vue-wait.js
and configure it like u wish

import { createVueWait } from 'vue-wait';

const vueWait = createVueWait({
    useVuex: true,
    vuexModuleName: 'wait',
    registerComponent: true,
    componentName: 'v-wait',
    registerDirective: true,
    directiveName: 'wait'
});

export default vueWait;

and after that you can import and use it in main.js file

import store from './store';
import { createApp } from 'vue';
import vueWait from './plugins/vue-wait';

import App from './App.vue';

const app = createApp(App);

app.use(store);
app.use(vueWait);

app.mount('#app');