vuex-typings VS vuex-module-decorators

Not a long time ago it was practically not possible to create good typings for vuex because of / convention used in namespaced modules. Typescript 4.1 introduced Template Literal Types which can be used to properly implement such behavior. I took advantage of this feature and created set of strong type definitions for vuex 4: https://github.com/kadet1090/vuex-typings.

The most important thing to realise is that the vuex-module-decorators class-based model behaves just like a vue-class-component under the hood.

This is my current favorite way to use TS+Vuex. It just clicks so much more in my head to do things like:

vuex-module-decorators: This one, I just realized, I use a little differently than I think is expected. Here is an example from their docs of what you can write and what it is equivalent to in "raw vuex":

If you're on Vue 2 I'd recommend this NPM https://github.com/championswimmer/vuex-module-decorators

Using https://github.com/championswimmer/vuex-module-decorators. Every module is 'dynamic' so you don't have to predefine your entire store in an object. here is a small example: