feat: set different tg url in different language

foxwallet · Sep 14, 2024 · a452f9b · a452f9b
1 parent 3f9f270
commit a452f9b
Showing 1 changed file with 18 additions and 3 deletions.
diff --git a/components/new-community-icon.vue b/components/new-community-icon.vue
@@ -6,10 +6,14 @@
     <a class="hover:opacity-75 cursor-pointer mr-4" target="_blank" href="https://discord.gg/foxwallet">
       <img src="@/assets/new-img/dc.svg" alt="dc">
     </a>
-    <a class="hover:opacity-75 cursor-pointer mr-4" target="_blank" href="https://t.me/FoxWallet_EN">
+    <a class="hover:opacity-75 cursor-pointer mr-4" target="_blank" :href="tgUrl">
       <img src="@/assets/new-img/tg.svg" alt="tg">
     </a>
-    <a class="hover:opacity-75 cursor-pointer mr-4" target="_blank" href="https://www.youtube.com/channel/UCt9O4HUkuNutXvFoN6NZh-w">
+    <a
+      class="hover:opacity-75 cursor-pointer mr-4"
+      target="_blank"
+      href="https://www.youtube.com/channel/UCt9O4HUkuNutXvFoN6NZh-w"
+    >
       <img src="@/assets/new-img/youtube.svg" alt="youtube">
     </a>
     <a class="hover:opacity-75 cursor-pointer mr-4" target="_blank" href="https://medium.com/@FoxWallet">
@@ -27,6 +31,17 @@ export default {
       default: 'small',
       type: String
     }
-  }
+  },
+  data() {
+    return {
+      tgUrl: 'https://t.me/FoxWallet_EN',
+    }
+  },
+  mounted() {
+    const language = navigator.language
+    if (language === 'zh-CN') {
+      this.tgUrl = 'https://t.me/FoxWallet_CN'
+    }
+  },
 }
 </script>