Merge pull request #312 from covidcanidoit/activity-search-i18n

Add i18n placeholders for ActivitySearchbar component [#140]

src/components/ActivitySearchbar.vue

@@ -20,26 +20,26 @@
         <template v-if="searching">
           <li>
             <v-btn @click="onSearch">
-              Request a risk score
-              <br />
-              for {{ computedSearch(search) }}
+              {{ $t("request_risk_score", { search: computedSearch(search) }) }}
             </v-btn>
           </li>
         </template>
       </template>
     </VueSelect>
     <v-dialog v-model="suggestionTriggered" max-width="290">
       <v-card class="modalCard">
-        <v-card-title class="headline">Activity Suggestion</v-card-title>
-        <v-card-text>Thanks for suggesting an activity</v-card-text>
+        <v-card-title class="headline">
+          {{ $t("activity_suggestion") }}
+        </v-card-title>
+        <v-card-text>{{ $t("thanks_for_suggestion") }}</v-card-text>
         <v-card-actions>
           <v-spacer></v-spacer>
           <v-btn
             color="green darken-1"
             text
             @click="suggestionTriggered = false"
           >
-            Ok
+            {{ $t("ok") }}
           </v-btn>
         </v-card-actions>
       </v-card>

src/locales/en.json

@@ -2,5 +2,9 @@
   "home": "Home",
   "about": "About",
   "activities": "Activities",
-  "blog": "Blog"
+  "blog": "Blog",
+  "request_risk_score": "Request a risk score for {search}",
+  "thanks_for_suggestion": "Thanks for suggesting an activity",
+  "ok": "Ok",
+  "activity_suggestion": "Activity suggestion"
 }

src/main.js

@@ -17,6 +17,7 @@ import en from "./locales/en.json";
 import es from "./locales/es.json";
 const i18n = new VueI18n({
   locale: "en",
+  fallbackLocale: "en",
   messages: { en, es }
 });