Update locale in all view routing hooks. (#974)

Resolves: rdar://160500944

Author: mportiz08

src/views/NotFound.vue

@@ -15,6 +15,7 @@
 </template>
 
 <script>
+import { updateLocale } from 'theme/utils/i18n-utils';
 import GenericError from 'theme/components/GenericError.vue';
 import AppStore from 'docc-render/stores/AppStore';
 
@@ -24,5 +25,13 @@ export default {
   created() {
     AppStore.setAllLocalesAreAvailable();
   },
+  beforeRouteEnter(to, from, next) {
+    next((vm) => {
+      updateLocale(to.params.locale, vm);
+    });
+  },
+  beforeRouteUpdate(to) {
+    updateLocale(to.params.locale, this);
+  },
 };
 </script>

src/views/ServerError.vue

@@ -13,6 +13,7 @@
 </template>
 
 <script>
+import { updateLocale } from 'theme/utils/i18n-utils';
 import GenericError from 'theme/components/GenericError.vue';
 import AppStore from 'docc-render/stores/AppStore';
 
@@ -22,5 +23,13 @@ export default {
   created() {
     AppStore.setAllLocalesAreAvailable();
   },
+  beforeRouteEnter(to, from, next) {
+    next((vm) => {
+      updateLocale(to.params.locale, vm);
+    });
+  },
+  beforeRouteUpdate(to) {
+    updateLocale(to.params.locale, this);
+  },
 };
 </script>

src/views/Topic.vue

@@ -21,6 +21,7 @@
 </template>
 
 <script>
+import { updateLocale } from 'theme/utils/i18n-utils';
 import {
   fetchDataForRouteEnter,
   shouldFetchDataForRouteUpdate,
@@ -80,13 +81,15 @@ export default {
       return;
     }
     fetchDataForRouteEnter(to, from, next).then(data => next((vm) => {
+      updateLocale(to.params.locale, vm);
       vm.topicData = data; // eslint-disable-line no-param-reassign
     })).catch(next);
   },
   beforeRouteUpdate(to, from, next) {
     if (shouldFetchDataForRouteUpdate(to, from)) {
       fetchDataForRouteEnter(to, from, next).then((data) => {
         this.topicData = data;
+        updateLocale(to.params.locale, this);
         next();
       }).catch(next);
     } else {

src/views/TutorialsOverview.vue

@@ -13,6 +13,7 @@
 </template>
 
 <script>
+import { updateLocale } from 'theme/utils/i18n-utils';
 import {
   fetchDataForRouteEnter,
   shouldFetchDataForRouteUpdate,
@@ -54,13 +55,15 @@ export default {
     }
 
     fetchDataForRouteEnter(to, from, next).then(data => next((vm) => {
+      updateLocale(to.params.locale, vm);
       vm.topicData = data; // eslint-disable-line no-param-reassign
     })).catch(next);
   },
   beforeRouteUpdate(to, from, next) {
     if (shouldFetchDataForRouteUpdate(to, from)) {
       fetchDataForRouteEnter(to, from, next).then((data) => {
         this.topicData = data;
+        updateLocale(to.params.locale, this);
         next();
       }).catch(next);
     } else {

tests/unit/setup-utils/SwiftDocCRenderRouter.spec.js

@@ -15,6 +15,7 @@ import FetchError from 'docc-render/errors/FetchError';
 
 jest.mock('docc-render/utils/theme-settings', () => ({
   baseUrl: '/',
+  getSetting: jest.fn(),
 }));
 
 const mockInstance = {