Create store in component?

[Kukks]

How can I create stores at runtime on demand? I have some pages that need to have their own specific namespaced modules

[championswimmer]

// @/store/index.ts
import {Store} from 'vuex'
export default store = new Vuex.Store({})

// @/components/mycomponent.ts (or .vue <script> portion)
import {Component, Vue} from 'vue-property-decorator'
import store from '@/store/index.ts'
import {VuexModule} from 'vuex-module-decorators'

@Module({dynamic: true, namespaced: true, name: 'mymodule', store})
class MyModule extends VuexModule {
  somestuff = 'awesome stuff'
  @Mutation
  doSomething() {}
}
const mm = getModule(MyModule)

@Component
export default class MyComponent extends Vue {
   somedata = mm.somestuff
   somemethod() { mm.doSomething() }
}

[Kukks]

Is there a way to do this where I can instantiate the module manually. There are some cases where I need to create them on demand and share their state across multiple components. I'd also need to unregister them. Great job so far btw, this is an amazing expansion to the other decorator libraries!

[championswimmer]

You mean do the store.registerModule('mm', myModule) part on your own ?

[Kukks]

Yes @championswimmer

[Kukks]

Would I be able to do store.registerModule('mm', MyModule) and not mark it as dynamic?

[championswimmer]

If you do not mark is dynamic then you can import the module class and register it into the store.

// @/store/moduleA.ts

@Module
export default class ModuleA extends VuexModule {
}

// @/components/Comp.vue
import ModuleA from '@/store/moduleA'

this.$store.registerModule('name', ModuleA)

[jordisan]

I this case, how do you access the module from the component? Can you use getModule() and benefiting from the typing, intellisense, etc.?

If you do not mark is dynamic then you can import the module class and register it into the store.

// @/store/moduleA.ts

@Module
export default class ModuleA extends VuexModule {
}

// @/components/Comp.vue
import ModuleA from '@/store/moduleA'

this.$store.registerModule('name', ModuleA)