<template>
  <div id="app">
    <label for="locale">locale</label>
    <select
      id="locale"
      v-model="$i18n.locale"
    >
      <option
        v-for="locale in $i18n.availableLocales"
        :key="locale"
      >
        {{ locale }}
      </option>
    </select>
    <p>message: {{ $t('hello') }}</p>
  </div>
</template>
