From aa13bc88cbf54600a8b64d7d9f9875eda7b4c763 Mon Sep 17 00:00:00 2001
From: sxlmnwb <sxlmnwb.dev@gmail.com>
Date: Mon, 19 Jun 2023 18:48:57 +0700
Subject: [PATCH] i18n: update add en src/pages/

- modified src/layouts/components/DefaultLayout.vue

    - ecosystem > not enable
        - favorite
        - all_blockchains

Author: Salman Wahib <hello@sxlmnwb.xyz>
Co-authored-by: liangping <18786721@qq.com>
---
 src/layouts/components/DefaultLayout.vue |  4 ++--
 src/pages/[...all].vue                   |  8 ++++----
 src/pages/index.vue                      | 10 +++++-----
 src/plugins/i18n/locales/en.json         | 24 ++++++++++++++++--------
 4 files changed, 27 insertions(+), 19 deletions(-)

diff --git a/src/layouts/components/DefaultLayout.vue b/src/layouts/components/DefaultLayout.vue
index 493b81d3..6a1d9939 100644
--- a/src/layouts/components/DefaultLayout.vue
+++ b/src/layouts/components/DefaultLayout.vue
@@ -206,7 +206,7 @@ function selected(route: any, nav: NavLink) {
       </div>
       <div class="px-2">
         <div class="px-4 text-sm pt-2 text-gray-400 pb-2 uppercase">
-          Sponsors
+          {{ $t('module.sponsors') }}
         </div>
         <a
           href="https://osmosis.zone"
@@ -239,7 +239,7 @@ function selected(route: any, nav: NavLink) {
           </div>
         </a>
 
-        <div class="px-4 text-sm pt-2 text-gray-400 pb-2 uppercase">Links</div>
+        <div class="px-4 text-sm pt-2 text-gray-400 pb-2 uppercase">{{ $t('module.links') }}</div>
         <a
           href="https://twitter.com/ping_pub"
           target="_blank"
diff --git a/src/pages/[...all].vue b/src/pages/[...all].vue
index bf39e709..7ff39af6 100644
--- a/src/pages/[...all].vue
+++ b/src/pages/[...all].vue
@@ -5,17 +5,17 @@ import misc404 from '@/assets/images/pages/404.png';
 <template>
     <div class="pt-10">
         <div class="text-center">
-            <div class="text-8xl font-semibold text-main">404</div>
-            <div class="text-xl font-bold my-2">Page Not Found</div>
+            <div class="text-8xl font-semibold text-main">{{ $t('pages.title_all') }}</div>
+            <div class="text-xl font-bold my-2">{{ $t('pages.tag_all') }}</div>
             <div class="text-base">
-                We couldn't find the page you are looking for.
+                {{ $t('pages.description_all') }}
             </div>
         </div>
 
         <!-- 👉 Image -->
         <div class="misc-avatar w-full text-center">
             <RouterLink to="/" class="btn no-underline btn-primary mt-4">
-                Back to Home
+                {{ $t('pages.btn_index') }}
             </RouterLink>
             <img :src="misc404" alt="Coming Soon" class="mx-auto h-[400px] mt-10" />
         </div>
diff --git a/src/pages/index.vue b/src/pages/index.vue
index 8d797433..5ccac655 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -48,17 +48,17 @@ const chainStore = useBlockchain()
         </svg>
       </div>
       <h1 class="text-primary dark:invert text-3xl md:!text-6xl font-bold">
-        Ping Dashboard
+        {{ $t('pages.title') }}
       </h1>
       <div class="badge badge-primary badge-outline dark:invert mt-1 text-sm md:!mt-8">
-        Beta
+        {{ $t('pages.tag') }}
       </div>
     </div>
     <div class="text-center text-base">
       <p class="mb-1">
-        {{ $t('index.slogan') }}
+        {{ $t('pages.slogan') }}
       </p>
-      <h2 class="mb-6">Cosmos Ecosystem Blockchains 🚀</h2>
+      <h2 class="mb-6">{{ $t('pages.description') }}</h2>
     </div>
     <div
       v-if="dashboard.status !== LoadingStatus.Loaded"
@@ -69,7 +69,7 @@ const chainStore = useBlockchain()
 
     <div class="flex items-center rounded-lg bg-base-100  border border-gray-200 dark:border-gray-700 mt-10">
       <Icon icon="mdi:magnify" class="text-2xl text-gray-400 ml-3"/>
-      <input :placeholder="$t('index.search_placeholder')" class="px-4 h-10 bg-transparent flex-1 outline-none text-base" v-model="keywords" />
+      <input :placeholder="$t('pages.search_placeholder')" class="px-4 h-10 bg-transparent flex-1 outline-none text-base" v-model="keywords" />
       <div class="px-4 text-base hidden md:!block">{{ chains.length }}/{{ dashboard.length }}</div>
     </div>
 
diff --git a/src/plugins/i18n/locales/en.json b/src/plugins/i18n/locales/en.json
index ecfaf020..25d8381c 100644
--- a/src/plugins/i18n/locales/en.json
+++ b/src/plugins/i18n/locales/en.json
@@ -12,15 +12,23 @@
     "ibc": "IBC",
     "consensus": "Consensus",
     "supply": "Supply",
-    "account": "Accounts"
+    "account": "Accounts",
+    "ecosystem": "Ecosystem",
+    "favorite": "Favorite",
+    "add_to_favorite": "Add to favorite",
+    "all_blockchains": "All Blockchain",
+    "sponsors": "Sponsors",
+    "links": "Links"
   },
-  "index": {
+  "pages": {
+    "title": "Ping Dashboard",
+    "title_all": "404",
+    "tag": "Beta",
+    "tag_all": "Page Not Found",
     "slogan": "Ping Dashboard is not just an explorer but also a wallet and more ... 🛠",
+    "description": "Cosmos Ecosystem Blockchains 🚀",
     "search_placeholder": "Search Chain",
-    "add_to_favorite": "Add to favorite"
-  },
-  "Ecosystem": "Ecosystem",
-  "All Blockchains": "All Blockchain",
-  "Favorite": "Favorite"
-  
+    "description_all": "We couldn't find the page you are looking for.",
+    "btn_index": "Back to Home"
+  }
 }