🌐 Add locale to route

likecoin · Feb 17, 2023 · 4d8a142 · 4d8a142
1 parent 97b2cb5
commit 4d8a142
Show file tree

Hide file tree

Showing 16 changed files with 86 additions and 58 deletions.
diff --git a/src/components/EventModal/Collect/index.vue b/src/components/EventModal/Collect/index.vue
@@ -326,18 +326,22 @@ export default {
       }
     },
     goToNFTDetails() {
-      this.$router.push({
-        name: 'nft-class-classId-nftId',
-        params: { classId: this.classId, nftId: this.justCollectedNFTId },
-      });
+      this.$router.push(
+        this.localeLocation({
+          name: 'nft-class-classId-nftId',
+          params: { classId: this.classId, nftId: this.justCollectedNFTId },
+        })
+      );
       this.uiCloseTxModal();
     },
     goToPortfolio() {
-      this.$router.push({
-        name: 'id',
-        params: { id: this.getAddress },
-        query: { tab: 'collected' },
-      });
+      this.$router.push(
+        this.localeLocation({
+          name: 'id',
+          params: { id: this.getAddress },
+          query: { tab: 'collected' },
+        })
+      );
       this.uiCloseTxModal();
     },
     onClickModelViewer() {

diff --git a/src/components/NFTAboutPage/index.vue b/src/components/NFTAboutPage/index.vue
@@ -216,7 +216,9 @@ export default {
       );
     },
     handleCollect(classId) {
-      this.$router.push({ name: 'writing-nft', hash: `#${classId}` });
+      this.$router.push(
+        this.localeLocation({ name: 'writing-nft', hash: `#${classId}` })
+      );
     },
     handleCollectFromWidgetSection(classId) {
       logTrackerEvent(this, 'NFTAboutPage', 'GoToCampaign(Widget)', classId, 1);

diff --git a/src/components/NFTPage/CollectorList/Item.vue b/src/components/NFTPage/CollectorList/Item.vue
@@ -45,13 +45,15 @@ export default {
   },
   methods: {
     handleRowClick() {
-      this.$router.push({
-        name: 'nft-class-classId-nftId',
-        params: {
-          classId: this.classId,
-          nftId: this.owner.collectedFirstNFTId,
-        },
-      });
+      this.$router.push(
+        this.localeLocation({
+          name: 'nft-class-classId-nftId',
+          params: {
+            classId: this.classId,
+            nftId: this.owner.collectedFirstNFTId,
+          },
+        })
+      );
     },
   },
 };

diff --git a/src/components/NFTPage/EventList/Table.vue b/src/components/NFTPage/EventList/Table.vue
@@ -158,10 +158,12 @@ export default {
   methods: {
     getChainExplorerTx,
     handleRowClick(event) {
-      this.$router.push({
-        name: event.nftId ? 'nft-class-classId-nftId' : 'nft-class-classId',
-        params: { classId: event.classId, nftId: event.nftId },
-      });
+      this.$router.push(
+        this.localeLocation({
+          name: event.nftId ? 'nft-class-classId-nftId' : 'nft-class-classId',
+          params: { classId: event.classId, nftId: event.nftId },
+        })
+      );
     },
   },
 };

diff --git a/src/components/SettingsPageHeader.vue b/src/components/SettingsPageHeader.vue
@@ -73,7 +73,9 @@ export default {
         .split('-')
         .slice(0, -1)
         .join('-');
-      if (backRouteName) this.$router.push({ name: backRouteName });
+      if (backRouteName) {
+        this.$router.push(this.localeLocation({ name: backRouteName }));
+      }
     },
   },
 };

diff --git a/src/components/SiteHeader.vue b/src/components/SiteHeader.vue
@@ -15,7 +15,7 @@
   >
     <NuxtLink
       class="w-[90px] hover:scale-105 active:scale-100 transition-transform"
-      :disabled="getHomeRoute.name === $route.name"
+      :disabled="localeLocation(getHomeRoute).name === $route.name"
       :to="localeLocation(getHomeRoute)"
     >
       <Logo class="fill-current" />

diff --git a/src/mixins/navigation-listener.js b/src/mixins/navigation-listener.js
@@ -20,7 +20,7 @@ export default {
         event.data.type === 'navigate' &&
         event.data.route
       ) {
-        this.$router.push(event.data.route);
+        this.$router.push(this.localeLocation(event.data.route));
       }
     },
   },

diff --git a/src/mixins/nft.js b/src/mixins/nft.js
@@ -880,10 +880,12 @@ export default {
       }
     },
     goNFTDetails() {
-      this.$router.push({
-        name: 'nft-class-classId',
-        params: { classId: this.classId },
-      });
+      this.$router.push(
+        this.localeLocation({
+          name: 'nft-class-classId',
+          params: { classId: this.classId },
+        })
+      );
     },
     normalizeNFTMessage(m) {
       if (m.memo === 'like.co NFT API') return '';

diff --git a/src/mixins/wallet.js b/src/mixins/wallet.js
@@ -81,9 +81,11 @@ export default {
           this.navigateToMyDashboard();
         }
       } else {
-        this.$router.push({
-          name: 'dashboard',
-        });
+        this.$router.push(
+          this.localeLocation({
+            name: 'dashboard',
+          })
+        );
       }
     },
     navigateToSettings() {

diff --git a/src/pages/_id/index/subscribe/_subscriptionId.vue b/src/pages/_id/index/subscribe/_subscriptionId.vue
@@ -132,10 +132,12 @@ export default {
   methods: {
     ...mapActions(['lazyGetUserInfoByAddress']),
     handleClickClose() {
-      this.$router.replace({
-        name: 'id',
-        params: { id: this.wallet },
-      });
+      this.$router.replace(
+        this.localeLocation({
+          name: 'id',
+          params: { id: this.wallet },
+        })
+      );
     },
     handleClickConfirm() {
       return this.isSubscribePage

diff --git a/src/pages/dashboard/index.vue b/src/pages/dashboard/index.vue
@@ -238,10 +238,12 @@ export default {
     },
     goMyPortfolio() {
       logTrackerEvent(this, 'MyDashboard', 'GoToMyPortfolio', this.wallet, 1);
-      this.$router.push({
-        name: 'id',
-        params: { id: this.wallet },
-      });
+      this.$router.push(
+        this.localeLocation({
+          name: 'id',
+          params: { id: this.wallet },
+        })
+      );
     },
   },
 };

diff --git a/src/pages/logout.vue b/src/pages/logout.vue
@@ -20,7 +20,7 @@ export default {
   async mounted() {
     window.open(LIKECOIN_LOGOUT_POPUP_URL);
     await this.userLogout();
-    this.$router.replace(this.getHomeRoute);
+    this.$router.replace(this.localeLocation(this.getHomeRoute));
   },
   methods: {
     ...mapActions(['userLogout']),

diff --git a/src/pages/nft/class/_classId/_nftId.vue b/src/pages/nft/class/_classId/_nftId.vue
@@ -550,10 +550,12 @@ export default {
     onSelectNFT(e) {
       const { value: nftId } = e.target;
       logTrackerEvent(this, 'NFT', 'nft_details_select_nft', nftId, 1);
-      this.$router.push({
-        name: 'nft-class-classId-nftId',
-        params: { classId: this.classId, nftId },
-      });
+      this.$router.push(
+        this.localeLocation({
+          name: 'nft-class-classId-nftId',
+          params: { classId: this.classId, nftId },
+        })
+      );
     },
     onToggleTransfer() {
       this.isOpenTransferModal = true;
@@ -644,10 +646,12 @@ export default {
         this.nftId,
         1
       );
-      this.$router.push({
-        name: 'nft-class-classId-nftId',
-        params: { classId: this.classId, nftId: this.nftIdCollectNext },
-      });
+      this.$router.push(
+        this.localeLocation({
+          name: 'nft-class-classId-nftId',
+          params: { classId: this.classId, nftId: this.nftIdCollectNext },
+        })
+      );
     },
     handleClickUserCollectedCount() {
       logTrackerEvent(

diff --git a/src/pages/nft/class/_classId/index.vue b/src/pages/nft/class/_classId/index.vue
@@ -379,10 +379,12 @@ export default {
         this.nftId,
         1
       );
-      this.$router.push({
-        name: 'nft-class-classId-nftId',
-        params: { classId: this.classId, nftId: this.nftIdCollectNext },
-      });
+      this.$router.push(
+        this.localeLocation({
+          name: 'nft-class-classId-nftId',
+          params: { classId: this.classId, nftId: this.nftIdCollectNext },
+        })
+      );
     },
     handleClickSellFromPriceSection() {
       logTrackerEvent(

diff --git a/src/pages/nft/fiat/stripe.vue b/src/pages/nft/fiat/stripe.vue
@@ -29,12 +29,14 @@ export default {
     uiIsOpenCollectModal(isOpen) {
       if (!isOpen) {
         if (this.classId) {
-          this.$router.replace({
-            name: 'nft-class-classId',
-            params: { classId: this.classId },
-          });
+          this.$router.replace(
+            this.localeLocation({
+              name: 'nft-class-classId',
+              params: { classId: this.classId },
+            })
+          );
         } else {
-          this.$router.replace('/');
+          this.$router.replace(this.localeLocation({ name: 'index' }));
         }
       }
     },

diff --git a/src/pages/oauth/redirect.vue b/src/pages/oauth/redirect.vue
@@ -66,7 +66,7 @@ export default {
         if (postAuthRoute) {
           this.$router.replace(postAuthRoute);
         } else {
-          this.$router.replace(this.getHomeRoute);
+          this.$router.replace(this.localeLocation(this.getHomeRoute));
         }
       } catch (err) {
         const errData = err.response || err;