vue-inversify-decorator

PoC of combining vue-class-component and Inversify together.

This may not works in Babel decorators.

Example

``ts
import { injectable, Container } from 'inversify'
import { Provide, Inject } from 'vue-inversify-decorator'
import Vue from 'vue'
import Component from 'vue-class-component'

@injectable()
class Ninja {
public fight() {
return 'cut!'
}
}

const container = new Container()
container.bind(Ninja).toSelf()

@Component({
template:

{{ ninja.fight() }}

})
class Child extends Vue {
@Inject() ninja: Ninja
}

@Component({
components: {
Child
},
template:


})
@Provide(container)
class App extends Vue {}

const vm = new App().$mount()
assert(vm.$el.textContent === 'cut!')
``

License

MIT