Fix to list all existing locales (#442)

3 years ago · cf1082f8a3
parent 00648c4623
commit cf1082f8a3
1 changed files with 2 additions and 13 deletions
--- a/quiz-app/src/App.vue
+++ b/quiz-app/src/App.vue
@ -4,19 +4,7 @@
      <router-link class="navlink" to="/">Home</router-link>
      <label for="locale">locale</label>
      <select v-model="locale">
-        <option>en</option>
-        <option>es</option>
-        <option>fr</option>
-        <option>gr</option>
-        <option>hi</option>
-        <option>id</option>
-        <option>it</option>
-        <option>ko</option>
-        <option>ms</option>
-        <option>nl</option>
-        <option>zh_cn</option>
-        <option>zh_tw</option>
-
+        <option v-for="localeName in availableLocales" :key="localeName">{{ localeName }}</option>
      </select>
    </nav>
    <div id="app">
@ -41,6 +29,7 @@ export default {
  data() {
    return {
      locale: "en",
+      availableLocales: Object.keys(messages).sort(),
    };
  },
  watch: {