From 79210d840212a9d6cb9204c38ae27ae9edcda7c3 Mon Sep 17 00:00:00 2001
From: yuanshan <42023847+piercezzs@users.noreply.github.com>
Date: Wed, 15 Oct 2025 14:48:23 +0800
Subject: [PATCH] fix stock-quote i18n

---
 src/locales/en.js                        | 10 ++++++++++
 src/locales/ja.js                        | 10 ++++++++++
 src/locales/zh-TW.js                     | 10 ++++++++++
 src/locales/zh.js                        | 10 ++++++++++
 src/views/stock-quote/size1440/index.vue | 18 ++++++++++--------
 src/views/stock-quote/size1920/index.vue | 18 ++++++++++--------
 src/views/stock-quote/size375/index.vue  | 24 ++++++++++++++++--------
 src/views/stock-quote/size768/index.vue  | 24 ++++++++++++++++--------
 8 files changed, 92 insertions(+), 32 deletions(-)

diff --git a/src/locales/en.js b/src/locales/en.js
index 9f85e65..07ab586 100644
--- a/src/locales/en.js
+++ b/src/locales/en.js
@@ -517,6 +517,16 @@ export default {
       },
     },
   },
+  stock_quote: {
+    title: "Stock Quote",
+    nasdaq: "NASDAQ: FIEE",
+    open: "Open",
+    change: "% Change",
+    volume: "Volume",
+    week_range: "52-Week Range",
+    days_range: "Day's Range",
+    market_cap: "Market Cap",
+  },
   header_menu: {
     corporate_information: {
       title: "Corporate Information",
diff --git a/src/locales/ja.js b/src/locales/ja.js
index 5903102..cdc962b 100644
--- a/src/locales/ja.js
+++ b/src/locales/ja.js
@@ -467,4 +467,14 @@ export default {
       },
     },
   },
+  stock_quote: {
+    title: '株価',
+    nasdaq: 'ナスダック: FIEE',
+    open: '始値',
+    change: '変動率',
+    volume: '出来高',
+    week_range: '52週レンジ',
+    days_range: '当日レンジ',
+    market_cap: '時価総額',
+  },
 }
\ No newline at end of file
diff --git a/src/locales/zh-TW.js b/src/locales/zh-TW.js
index 56af358..a1d494c 100644
--- a/src/locales/zh-TW.js
+++ b/src/locales/zh-TW.js
@@ -463,4 +463,14 @@ export default {
       },
     },
   },
+  stock_quote: {
+    title: '股票報價',
+    nasdaq: '納斯達克: FIEE',
+    open: '開盤',
+    change: '漲跌幅',
+    volume: '成交量',
+    week_range: '52週範圍',
+    days_range: '當日範圍',
+    market_cap: '市值',
+  },
 }
\ No newline at end of file
diff --git a/src/locales/zh.js b/src/locales/zh.js
index d0b4221..9ebce92 100644
--- a/src/locales/zh.js
+++ b/src/locales/zh.js
@@ -469,4 +469,14 @@ export default {
       },
     },
   },
+  stock_quote: {
+    title: '股票报价',
+    nasdaq: '纳斯达克: FIEE',
+    open: '开盘',
+    change: '涨跌幅',
+    volume: '成交量',
+    week_range: '52周范围',
+    days_range: '当日范围',
+    market_cap: '市值',
+  },
 }
\ No newline at end of file
diff --git a/src/views/stock-quote/size1440/index.vue b/src/views/stock-quote/size1440/index.vue
index 0956163..fc63dff 100644
--- a/src/views/stock-quote/size1440/index.vue
+++ b/src/views/stock-quote/size1440/index.vue
@@ -1,5 +1,7 @@
 <script setup>
 import { useStockQuote } from "@/store/stock-quote/index.js";
+import { useI18n } from "vue-i18n";
+const { t } = useI18n();
 const { getStockQuate, stockQuote, formatted } = useStockQuote();
 getStockQuate();
 </script>
@@ -10,21 +12,21 @@ getStockQuate();
       <!-- 标题区域 -->
       <div class="title-section">
         <div class="title-decoration"></div>
-        <div class="stock-title">Stock Quote</div>
+        <div class="stock-title">{{ t("stock_quote.title") }}</div>
       </div>
       <section class="quote-layout">
         <div class="price-card">
           <div class="price-value">${{ stockQuote.price }}</div>
-          <div class="price-market">NASDAQ: FIEE</div>
+          <div class="price-market">{{ t("stock_quote.nasdaq") }}</div>
           <div class="price-time">{{ formatted }}</div>
         </div>
         <div class="stats-table">
           <div class="stats-cell">
-            <span class="stat-title">Open</span>
+            <span class="stat-title">{{ t("stock_quote.open") }}</span>
             <span class="stat-value">{{ stockQuote.open }}</span>
           </div>
           <div class="stats-cell">
-            <span class="stat-title">% Change</span>
+            <span class="stat-title">{{ t("stock_quote.change") }}</span>
             <span
               class="stat-value"
               :class="
@@ -41,19 +43,19 @@ getStockQuate();
             </span>
           </div>
           <div class="stats-cell">
-            <span class="stat-title">Day's Range</span>
+            <span class="stat-title">{{ t("stock_quote.days_range") }}</span>
             <span class="stat-value">{{ stockQuote.daysRange }}</span>
           </div>
           <div class="stats-cell">
-            <span class="stat-title">52-Week Range</span>
+            <span class="stat-title">{{ t("stock_quote.week_range") }}</span>
             <span class="stat-value">{{ stockQuote.week52Range }}</span>
           </div>
           <div class="stats-cell">
-            <span class="stat-title">Volume</span>
+            <span class="stat-title">{{ t("stock_quote.volume") }}</span>
             <span class="stat-value">{{ stockQuote.volume }}</span>
           </div>
           <div class="stats-cell">
-            <span class="stat-title">Market Cap</span>
+            <span class="stat-title">{{ t("stock_quote.market_cap") }}</span>
             <span class="stat-value">{{ stockQuote.marketCap }}</span>
           </div>
         </div>
diff --git a/src/views/stock-quote/size1920/index.vue b/src/views/stock-quote/size1920/index.vue
index 5f3a69a..d07cf5b 100644
--- a/src/views/stock-quote/size1920/index.vue
+++ b/src/views/stock-quote/size1920/index.vue
@@ -1,5 +1,7 @@
 <script setup>
 import { useStockQuote } from "@/store/stock-quote/index.js";
+import { useI18n } from "vue-i18n";
+const { t } = useI18n();
 const { getStockQuate, stockQuote, formatted } = useStockQuote();
 console.log(stockQuote);
 getStockQuate();
@@ -11,21 +13,21 @@ getStockQuate();
       <!-- 标题区域 -->
       <div class="title-section">
         <div class="title-decoration"></div>
-        <div class="stock-title">Stock Quote</div>
+        <div class="stock-title">{{ t("stock_quote.title") }}</div>
       </div>
       <section class="quote-layout">
         <div class="price-card">
           <div class="price-value">${{ stockQuote.price }}</div>
-          <div class="price-market">NASDAQ: FIEE</div>
+          <div class="price-market">{{ t("stock_quote.nasdaq") }}</div>
           <div class="price-time">{{ formatted }}</div>
         </div>
         <div class="stats-table">
           <div class="stats-cell">
-            <span class="stat-title">Open</span>
+            <span class="stat-title">{{ t("stock_quote.open") }}</span>
             <span class="stat-value">{{ stockQuote.open }}</span>
           </div>
           <div class="stats-cell">
-            <span class="stat-title">% Change</span>
+            <span class="stat-title">{{ t("stock_quote.change") }}</span>
             <span
               class="stat-value"
               :class="
@@ -42,19 +44,19 @@ getStockQuate();
             </span>
           </div>
           <div class="stats-cell">
-            <span class="stat-title">Volume</span>
+            <span class="stat-title">{{ t("stock_quote.volume") }}</span>
             <span class="stat-value">{{ stockQuote.volume }}</span>
           </div>
           <div class="stats-cell">
-            <span class="stat-title">52-Week Range</span>
+            <span class="stat-title">{{ t("stock_quote.week_range") }}</span>
             <span class="stat-value">{{ stockQuote.week52Range }}</span>
           </div>
           <div class="stats-cell">
-            <span class="stat-title">Day's Range</span>
+            <span class="stat-title">{{ t("stock_quote.days_range") }}</span>
             <span class="stat-value">{{ stockQuote.daysRange }}</span>
           </div>
           <div class="stats-cell">
-            <span class="stat-title">Market Cap</span>
+            <span class="stat-title">{{ t("stock_quote.market_cap") }}</span>
             <span class="stat-value">{{ stockQuote.marketCap }}</span>
           </div>
         </div>
diff --git a/src/views/stock-quote/size375/index.vue b/src/views/stock-quote/size375/index.vue
index 063c403..a75ce80 100644
--- a/src/views/stock-quote/size375/index.vue
+++ b/src/views/stock-quote/size375/index.vue
@@ -1,6 +1,8 @@
 <script setup>
 import { onMounted } from "vue";
 import { useStockQuote } from "@/store/stock-quote/index.js";
+import { useI18n } from "vue-i18n";
+const { t } = useI18n();
 const { getStockQuate, stockQuote, formatted } = useStockQuote();
 onMounted(() => {
   getStockQuate();
@@ -12,33 +14,35 @@ onMounted(() => {
     <div class="content-wrapper">
       <div class="title-section">
         <div class="title-decoration"></div>
-        <div class="title-text">Stock Quote</div>
+        <div class="title-text">{{ t("stock_quote.title") }}</div>
       </div>
 
       <div class="data-section">
         <div class="price-card">
           <div class="price-value">${{ stockQuote.price }}</div>
-          <div class="price-nasdaq">NASDAQ: FIEE</div>
+          <div class="price-nasdaq">{{ t("stock_quote.nasdaq") }}</div>
           <div class="price-date">{{ formatted }}</div>
         </div>
         <div class="details-grid">
           <div class="details-column">
             <div class="detail-item">
-              <span class="detail-label">Open</span>
+              <span class="detail-label">{{ t("stock_quote.open") }}</span>
               <span class="detail-value">{{ stockQuote.open }}</span>
             </div>
             <div class="detail-item">
-              <span class="detail-label">Day's Range</span>
+              <span class="detail-label">{{
+                t("stock_quote.days_range")
+              }}</span>
               <span class="detail-value">{{ stockQuote.daysRange }}</span>
             </div>
             <div class="detail-item">
-              <span class="detail-label">Volume</span>
+              <span class="detail-label">{{ t("stock_quote.volume") }}</span>
               <span class="detail-value">{{ stockQuote.volume }}</span>
             </div>
           </div>
           <div class="details-column">
             <div class="detail-item">
-              <span class="detail-label">% Change</span>
+              <span class="detail-label">{{ t("stock_quote.change") }}</span>
               <span
                 class="detail-value"
                 :class="{
@@ -50,11 +54,15 @@ onMounted(() => {
               </span>
             </div>
             <div class="detail-item">
-              <span class="detail-label">52-Week Range</span>
+              <span class="detail-label">{{
+                t("stock_quote.week_range")
+              }}</span>
               <span class="detail-value">{{ stockQuote.week52Range }}</span>
             </div>
             <div class="detail-item">
-              <span class="detail-label">Market Cap</span>
+              <span class="detail-label">{{
+                t("stock_quote.market_cap")
+              }}</span>
               <span class="detail-value">{{ stockQuote.marketCap }}</span>
             </div>
           </div>
diff --git a/src/views/stock-quote/size768/index.vue b/src/views/stock-quote/size768/index.vue
index d441640..d35d168 100644
--- a/src/views/stock-quote/size768/index.vue
+++ b/src/views/stock-quote/size768/index.vue
@@ -2,6 +2,8 @@
 import { NCarousel, NDivider, NMarquee, NPopselect } from "naive-ui";
 import { onUnmounted, ref, watch, onMounted, computed } from "vue";
 import { useStockQuote } from "@/store/stock-quote/index.js";
+import { useI18n } from "vue-i18n";
+const { t } = useI18n();
 const { getStockQuate, stockQuote, formatted } = useStockQuote();
 getStockQuate();
 </script>
@@ -11,33 +13,35 @@ getStockQuate();
     <div class="content-wrapper">
       <div class="title-section">
         <div class="title-decoration"></div>
-        <div class="title-text">Stock Quote</div>
+        <div class="title-text">{{ t("stock_quote.title") }}</div>
       </div>
 
       <div class="data-section">
         <div class="price-card">
           <div class="price-value">${{ stockQuote.price }}</div>
-          <div class="price-nasdaq">NASDAQ: FIEE</div>
+          <div class="price-nasdaq">{{ t("stock_quote.nasdaq") }}</div>
           <div class="price-date">{{ formatted }}</div>
         </div>
         <div class="details-grid">
           <div class="details-column">
             <div class="detail-item">
-              <span class="detail-label">Open</span>
+              <span class="detail-label">{{ t("stock_quote.open") }}</span>
               <span class="detail-value">{{ stockQuote.open }}</span>
             </div>
             <div class="detail-item">
-              <span class="detail-label">Day's Range</span>
+              <span class="detail-label">{{
+                t("stock_quote.days_range")
+              }}</span>
               <span class="detail-value">{{ stockQuote.daysRange }}</span>
             </div>
             <div class="detail-item">
-              <span class="detail-label">Volume</span>
+              <span class="detail-label">{{ t("stock_quote.volume") }}</span>
               <span class="detail-value">{{ stockQuote.volume }}</span>
             </div>
           </div>
           <div class="details-column">
             <div class="detail-item">
-              <span class="detail-label">% Change</span>
+              <span class="detail-label">{{ t("stock_quote.change") }}</span>
               <span
                 class="detail-value"
                 :class="{
@@ -49,11 +53,15 @@ getStockQuate();
               </span>
             </div>
             <div class="detail-item">
-              <span class="detail-label">52-Week Range</span>
+              <span class="detail-label">{{
+                t("stock_quote.week_range")
+              }}</span>
               <span class="detail-value">{{ stockQuote.week52Range }}</span>
             </div>
             <div class="detail-item">
-              <span class="detail-label">Market Cap</span>
+              <span class="detail-label">{{
+                t("stock_quote.market_cap")
+              }}</span>
               <span class="detail-value">{{ stockQuote.marketCap }}</span>
             </div>
           </div>