Extends VuexModule fails

[sneko]

Extends VuexModule fails

[sneko]

BTW, this.rootState is only accessible at runtime and is not defined while coding the module. Is there an official way to access it without doing (this as any).rootState?

[championswimmer]

The rootState can be added to the type defintion. Double inheritance is something I didn't keep in mind when working this out. I neeed to change how the decorator works for that to happen, I'll take a look at this.

[sneko]

@championswimmer or maybe do you have another suggestion to implement shared variables between my components that would fit better the Vuex pattern?

I could create a "rootModule" that I would inject in another module through getModule(). But I would still be required to pass through an intermediate variable (utils in this example):

@Module({ dynamic: true, store, name: 'authentication' })
export class Authentication extends VuexModule {
  protected utils = getModule(RootModule.prototype);

  @Action
	public async aaaaa() {
		return this.utils.api.callSomething();

[championswimmer]

mixin-type usage in vuex modules were never part of the design, even in default js-based vuex usage. if you want common features, create a separate common module for that maybe

[sneko]

I've just implemented a module and I need to declare variables outside (and before) the module definiton since all the this.PROPERTY are not kept at runtime:

const { $api, $log } = getModule(Utilities.prototype).object;

@Module({ dynamic: true, store, name: 'authentication' })
export class Authentication extends VuexModule {

I'm not confident about the cleanliness of this way of doing but... it works 😄

Thank you for your answers,