$router.pushとtoにlocalePathを追加

Author: kaizumaki

src/components/LessonSummaryCard.vue

@@ -83,7 +83,7 @@ export default Vue.extend({
   methods: {
     toLessonDetail() {
       const lesson = this.lesson as LessonWithId
-      this.$router.push('/lesson/?lessonId=' + lesson.id)
+      this.$router.push(this.localePath('/lesson/?lessonId=' + lesson.id))
     },
   },
 })

src/layouts/classes.vue

@@ -153,7 +153,7 @@ export default Vue.extend({
     async clickLogout() {
       await vxm.user.logout()
       await vxm.app.resetDate()
-      await this.$router.push('/')
+      await this.$router.push(this.localePath('/'))
     },
   },
 })

src/layouts/error.vue

@@ -6,7 +6,7 @@
     <h1 v-else>
       {{ otherError }}
     </h1>
-    <NuxtLink to="/">Home page</NuxtLink>
+    <NuxtLink :to="localePath('/')">Home page</NuxtLink>
   </v-app>
 </template>
 

src/layouts/protected.vue

@@ -30,7 +30,7 @@
           ),
           action: () => {
             unloadClassData()
-            $router.push('/user/classlist')
+            $router.push(localePath('/user/classlist'))
             return false
           },
         },
@@ -78,7 +78,7 @@
           outlined
           rounded
           color="#0071C2"
-          @click="$router.push('/user/editUserData')"
+          @click="$router.push(localePath('/user/editUserData'))"
         >
           <v-icon>mdi-cog</v-icon>
         </v-btn>

src/pages/classes/terms.vue

@@ -34,7 +34,7 @@
       class="Button"
       theme="border"
       :text="$t('common.agree_terms.buttons.disagree')"
-      @click="$router.push('/')"
+      @click="$router.push(localePath('/'))"
     />
   </div>
 </template>

src/pages/edit/index.vue

@@ -34,7 +34,7 @@
         </li>
 
         <li>
-          <nuxt-link class="white--text" to="terms">
+          <nuxt-link class="white--text" :to="localePath('/terms')">
             {{ $t('common.footer.terms') }}
           </nuxt-link>
         </li>
@@ -67,7 +67,7 @@
         </li>
 
         <li>
-          <nuxt-link class="white--text" to="terms">
+          <nuxt-link class="white--text" :to="localePath('/terms')">
             {{ $t('common.footer.terms') }}
           </nuxt-link>
         </li>
@@ -100,7 +100,7 @@
         </li>
 
         <li>
-          <nuxt-link class="white--text" to="terms">
+          <nuxt-link class="white--text" :to="localePath('/terms')">
             {{ $t('common.footer.terms') }}
           </nuxt-link>
         </li>

src/pages/index.vue

@@ -42,28 +42,28 @@
             v-if="isLoggedIn"
             :text="$t('pages.index.teachers.buttons.registerLessons')"
             class="registerButton"
-            @click="$router.push('/user/classlist')"
+            @click="$router.push(localePath('/user/classlist'))"
           />
           <base-action-button
             v-else
             :text="$t('pages.index.teachers.buttons.signup')"
             class="registerButton"
-            @click="$router.push('/user/agree')"
+            @click="$router.push(localePath('/user/agree'))"
           />
 
           <base-action-button
             v-if="isLoggedIn"
             :text="$t('pages.index.teachers.buttons.logout')"
             class="loginButton"
             theme="secondary"
-            @click="$router.push('/user/logout')"
+            @click="$router.push(localePath('/user/logout'))"
           />
           <base-action-button
             v-else
             :text="$t('pages.index.teachers.buttons.login')"
             class="loginButton"
             theme="secondary"
-            @click="$router.push('/user/login')"
+            @click="$router.push(localePath('/user/login'))"
           />
 
           <v-footer color="#004170" padless>
@@ -90,7 +90,7 @@
               </li>
 
               <li>
-                <nuxt-link class="white--text" to="terms">
+                <nuxt-link class="white--text" :to="localePath('/terms')">
                   {{ $t('common.footer.terms') }}
                 </nuxt-link>
               </li>
@@ -167,7 +167,7 @@ export default Vue.extend({
             classId: this.classId,
             className,
           })
-          await this.$router.push('/classes')
+          await this.$router.push(this.localePath('/classes'))
         }
       } catch {
         this.loading = false

src/pages/user/agree.vue

@@ -302,13 +302,13 @@
       class="Button"
       theme="primary"
       text="登録へ進む"
-      @click="$router.push('/user/signup')"
+      @click="$router.push(localePath('/user/signup'))"
     />
     <base-action-button
       class="Button"
       theme="border"
       text="同意しない"
-      @click="$router.push('/')"
+      @click="$router.push(localePath('/'))"
     />
   </div>
 </template>

src/pages/user/classlist.vue

@@ -42,7 +42,7 @@
       <base-action-button
         :text="$t('pages.user_classlist.add_class')"
         theme="secondary"
-        @click="$router.push('/user/registerClass')"
+        @click="$router.push(localePath('/user/registerClass'))"
       />
     </template>
   </base-bottom-sheet-layer>
@@ -113,7 +113,7 @@ export default Vue.extend({
       this.loading = true
       try {
         await vxm.classData.loadClassData(this.selectedClassId)
-        await this.$router.push('/edit')
+        await this.$router.push(this.localePath('/edit'))
       } catch {
         this.loading = false
       }

src/pages/user/editUserData.vue

@@ -15,7 +15,7 @@
               color="white"
               height="auto"
               class="ToEditNavButton"
-              @click="$router.push('/user/editUserName')"
+              @click="$router.push(localePath('/user/editUserName'))"
             >
               {{ name }}
               <v-icon right color="#0071C2"> mdi-chevron-right </v-icon>
@@ -30,7 +30,7 @@
               color="white"
               height="auto"
               class="ToEditNavButton"
-              @click="$router.push('/user/editUserEmail')"
+              @click="$router.push(localePath('/user/editUserEmail'))"
             >
               {{ email }}
               <v-icon right color="#0071C2"> mdi-chevron-right </v-icon>
@@ -45,7 +45,7 @@
               color="white"
               height="auto"
               class="ToEditNavButton"
-              @click="$router.push('/user/editUserPassword')"
+              @click="$router.push(localePath('/user/editUserPassword'))"
             >
               ********
               <v-icon right color="#0071C2"> mdi-chevron-right </v-icon>
@@ -59,7 +59,7 @@
             theme="transparent"
             :text="$t('common.general.buttons.cancel')"
             class="SignUp-Button"
-            @click="$router.push('/edit')"
+            @click="$router.push(localePath('/edit'))"
           />
           <v-btn
             :disabled="loading"
@@ -125,7 +125,7 @@ export default Vue.extend<Data, Methods, Computed, unknown>({
       try {
         await vxm.user.logout()
         await vxm.app.resetDate()
-        await this.$router.push('/')
+        await this.$router.push(this.localePath('/'))
       } catch {
         this.error = true
       }