Support for Vue 3

I’m using Vue 3 + Typescript with vue /cli, but I’m not getting it to work.

/store/counter.ts

import { Module, VuexModule, Mutation, Action } from 'vuex-module-decorators'

@Module
export default class Counter extends VuexModule {
  count = 0

  get $count() {
    return this.count
  }

  @Mutation
  INCREMENT(number: number) {
    this.count += number
  }

  @Action
  increment() {
    this.context.commit('INCREMENT')
  }
}

/store/index.ts

import { createStore } from 'vuex'
import counter from '@/store/counter'

export default createStore({
  state: {},
  modules: {
    counter
  }
})

any suggestion?

vuex-module-decorators still don’t support Vue 3?

I read several times @championswimmer saying that I was waiting for vue 3 to be released to update the package, but it has already been released, already it will launch Nuxt 3 too … I would love to use vuex-module-decorators

[VitAndrGuid]

Make yourself a favor and stay away from vuex and this module when using vue 3 and just use the composition api (if possible)

[VitAndrGuid]

@ndup0nt The composition API doesn’t make this package less useful. It exposes vue reactivity system outside of components, with that you can create your own state and modules on simple .ts files, with full Typescript support, if you’re tired of fighting vuex lack of proper typescript support and you don’t depend on vuex and its plugins you might as well just write your own simple and easily testable “store”.

I have written a big application with Vue 2 + vuex + vuex-module-decorators but issues such as: https://github.com/championswimmer/vuex-module-decorators/issues/304 https://github.com/championswimmer/vuex-module-decorators/issues/125 https://github.com/championswimmer/vuex-module-decorators/issues/277 and other made it quite a pain, but i sticked to this lib because as far as i know there is no mature state management library for vue2 with ts support, but you don’t need one in vue3