Using IoC Container in Vue.js and TypeScript App

ninja.vue

// Ninja.vue
<template>
  <div class="ninja">
    <h2>Warrior: {{ warrior }}</h2>
    <h2>Weapon: {{ weapon }}</h2>
  </div>
</template>

<script lang="ts">
import Ninja from "./Ninja.ts";
export default Ninja;
</script>

// Ninja.ts
import Vue from "vue";
import Component from "vue-class-component";

@Component({
  name: "Ninja"
})
export default class Ninja extends Vue {
  warrior: string;
  weapon: string;
}