title: inject value got undefined in vue 3 with decorator
body: <p>I am trying to do Dependency Injection in Vue 3 with tsyringe, but when I Inject in my component, I got an &quot;undefined&quot; value , here the codes:</p>
  <pre><code>// TYPES.ts
  export const TYPES = {
      WARRIOR: Symbol.for(&quot;Warrior&quot;),
      WEAPON: Symbol.for(&quot;Weapon&quot;),
      CONTAINER: Symbol.for(&quot;GlobalContainer&quot;),
  }
  
  
  // globalcontainer.ts
  import &quot;reflect-metadata&quot;;
  import {container as globalContainer, DependencyContainer} from &quot;tsyringe&quot;;
  import {TYPES} from &quot;@/models/Types&quot;;
  import {Warrior} from &quot;@/interfaces/Warrior&quot;;
  import {Weapon} from &quot;@/interfaces/Weapon&quot;;
  import {Ninja} from &quot;@/models/Warrior&quot;;
  import {Katana} from &quot;@/models/Weapon&quot;;
  
  globalContainer.register&lt;Warrior&gt;(TYPES.WARRIOR, Ninja);
  globalContainer.register&lt;Weapon&gt;(TYPES.WARRIOR, Katana);
  globalContainer.register&lt;DependencyContainer&gt;(TYPES.CONTAINER, {useValue: globalContainer})
  
  export default globalContainer;
  
  // app.Vue
  provide: {
     [TYPES.CONTAINER]: globalContainer
    }
  </code></pre>
  <p>i copy paste the plugin decorator from &quot;vue-component-decorator&quot;
  when i console.log the component options in Vue,</p>
  <p>i have</p>
  <pre><code>inject: {
    _container: Symbol(&quot;GlobalContainer&quot;),
  }
  </code></pre>
  <p>but when i call that in lifecyle <code>created</code>, i got undefined,
  here is how i call that</p>
  <pre><code>// Home.vue
  import { Options, Vue } from &quot;vue-class-component&quot;;
  import { DependencyContainer } from &quot;tsyringe&quot;;
  import { Inject } from &quot;@/configs/InjectDecarator&quot;;
  
  export default class Home extends Vue {
  
    @Inject(TYPES.CONTAINER)
    private _container!: DependencyContainer;
    
    created() {
      console.log(this._container!); // undefined
    }
  }
  </code></pre>
  <p>is that any options to call the provide on this component ?? my provider is</p>
  <pre><code>[TYPES.CONTAINER]: globalContainer
  </code></pre>
  <p>i am using ts here</p>