@Inject decorator doesn't seem to work

The @Inject decorator doesn’t seem to work (at least not on a component, which is where I’m testing it).

Just a stab in the dark, but I wonder if this is possibly related to replacing your custom decorator with typedi’s decorator in PR https://github.com/sascha245/vuex-simple/pull/4?

/// SimpleModule.ts

import { Mutation, Module, Getter, State, getStoreBuilder } from 'vuex-simple';

@Module('simple')
export default class SimpleModule
{
    @State() surname = "Baggins";

    @Getter()
    public get formalName()
    {
        return `Mr. ${this.surname}`
    }

    @Mutation()
    public changeName(newName: string)
    {
        this.surname = newName;
    }
}

/// RootComponent.ts
import { Inject } from "typedi";
import Component from "vue-class-component";
import Vue from "vue";
import SimpleModule from "./store/simple/SimpleModule";

@Component({
    template: `
<div style='background: aliceblue; width: 80%; min-height: 100px'>
    {{ formalName }}
</div>
`})
export default class RootComponent extends Vue
{
    /// THIS PROPERTY IS "undefined"
    @Inject()
    simpleModule: SimpleModule

    get formalName() {
        return this.simpleModule.formalName
    }
}

[sascha245]

Reverted back for now, so we will have to do with the custom Inject provided by vuex-simple. At least with this Inject should now be usable again until I find a good way to make typedi’s Inject work.

[sascha245]

Sorry for being late, was having my lunch. Did you eventually forget the “Vue.use(VuexSimple)”? It is necessary as it installs a Vue mixin that handles the injection of your modules / services in Vue components.