Medium_InverseVueExample.ts

import { Container, Inject, Injectable } from '@fluffy-spoon/inverse';
import { VueInverse, VueInjectable } from '@fluffy-spoon/inverse-vue';

import Component from 'vue-class-component';
import Vue from 'vue';

//we first create our IOC container.
var container = new Container();

//we provide that to the VueInverse plugin.
Vue.use(VueInverse, container);

@Injectable /* the Injectable decorator makes it possible for this class to be injected automatically */
class Foo { }

@Component({
    template: '<div></div>'
})
@VueInjectable /* the VueInjectable decorator makes it possible for this Vue component to have its dependencies injected via the constructor when passed to Vue.js */
class MyVueComponent extends Vue {
    constructor(
        @Inject private foo: Foo) /* the Inject decorator is needed to have the dependency be injected automatically */
    {
        super();  

        console.log('foo is injected - look:', foo);
    }
}