show of an example of using vue-i18n in typescript

index.ts
import Vue from 'vue';
import VueI18n from 'vue-i18n';

Vue.use(VueI18n);

const messages = {
  en: {
    hello: 'Hello!',
  },
  fr: {
    hello: 'Bonjour!',
  },
};

const i18n = new VueI18n({
  locale: 'en',
  fallbackLocale: 'en',
  messages,
});

export default i18n;
273 chars
22 lines

index.ts
<template>
  <div>{{ $t('hello') }}</div>
</template>

<script lang="ts">
  import { Vue, Component } from 'vue-property-decorator';
  import i18n from './i18n';

  @Component({
    name: 'MyComponent',
    i18n,
  })
  export default class MyComponent extends Vue {
    // ...
  }
</script>
292 chars
17 lines