Not Preposterously Macho

    vue-inversify-decorator
    TypeScript icon, indicating that this package has built-in type declarations

    0.1.0 • Public • Published

    vue-inversify-decorator

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

    This may not works in Babel decorators.

    Example

    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>(Ninja).toSelf()
     
    @Component({
      template: `
        <p>{{ ninja.fight() }}</p>
      `
    })
    class Child extends Vue {
      @Inject() ninja: Ninja
    }
     
    @Component({
      components: {
        Child 
      },
      template: `
        <child></child>
      `
    })
    @Provide(container)
    class App extends Vue {}
     
    const vm = new App().$mount()
    assert(vm.$el.textContent === 'cut!')

    License

    MIT

    Install

    npm i vue-inversify-decorator

    DownloadsWeekly Downloads

    21

    Version

    0.1.0

    License

    MIT

    Last publish

    Collaborators

    • ktsn