From 92d6cea8510c7922b0058fa87903c9dcca968489 Mon Sep 17 00:00:00 2001
From: Miyashooooo <cstrike.asia@gmail.com>
Date: Tue, 3 Dec 2024 18:12:30 +0800
Subject: [PATCH] feat: ko-kr.vi-vn and fix en-us

---
 index.js                         |   4 +-
 info.json                        |   2 +-
 lang/en-US/index/index.css       |   4 +-
 lang/en-US/setting/index.css     |   8 +-
 lang/ja-JP/setting/index.css     |   2 +-
 lang/ko-KR/index/index.css       | 155 ++++++++++++++++
 lang/ko-KR/index/rwd.css         |  70 +++++++
 lang/ko-KR/plugin_edit/index.css |  32 ++++
 lang/ko-KR/setting/index.css     | 306 +++++++++++++++++++++++++++++++
 lang/vi-VN/index/index.css       | 158 ++++++++++++++++
 lang/vi-VN/index/rwd.css         |  70 +++++++
 lang/vi-VN/plugin_edit/index.css |  32 ++++
 lang/vi-VN/setting/index.css     | 306 +++++++++++++++++++++++++++++++
 lang/zh-CN/setting/index.css     |   2 +-
 14 files changed, 1141 insertions(+), 10 deletions(-)
 create mode 100644 lang/ko-KR/index/index.css
 create mode 100644 lang/ko-KR/index/rwd.css
 create mode 100644 lang/ko-KR/plugin_edit/index.css
 create mode 100644 lang/ko-KR/setting/index.css
 create mode 100644 lang/vi-VN/index/index.css
 create mode 100644 lang/vi-VN/index/rwd.css
 create mode 100644 lang/vi-VN/plugin_edit/index.css
 create mode 100644 lang/vi-VN/setting/index.css

diff --git a/index.js b/index.js
index d6a7b7e..f8baf2b 100644
--- a/index.js
+++ b/index.js
@@ -11,7 +11,9 @@ class Plugin {
       { value: 'en-US', text: 'English' },
       { value: 'ja-JP', text: '日本語' },
       { value: 'zh-CN', text: '简体中文' },
-      { value: 'zh-Hant', text: '繁體中文' }
+      { value: 'zh-Hant', text: '繁體中文' },
+      { value: 'ko-KR', text: '한국어' },
+      { value: 'vi-VN', text: 'Tiếng Việt' }
     ];
   }
 
diff --git a/info.json b/info.json
index 81a89f3..17a102c 100644
--- a/info.json
+++ b/info.json
@@ -1,6 +1,6 @@
 {
   "name": "language",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": {
     "zh_tw": "TREM-Lite Language Plugin"
   },
diff --git a/lang/en-US/index/index.css b/lang/en-US/index/index.css
index 3aa406b..8420697 100644
--- a/lang/en-US/index/index.css
+++ b/lang/en-US/index/index.css
@@ -43,7 +43,7 @@ html[lang="en-US"] {
   }
 
   .info-number-last::after {
-    content: "(last)" !important;
+    content: "(Final)" !important;
   }
 
   .no-eew .info-unit::after {
@@ -112,7 +112,7 @@ html[lang="en-US"] {
   }
 
   .report-box-items .survey .report-loc:before {
-    content: "Epiccenter under assessment";
+    content: "Epicenter under assessment";
   }
 
   .rts-intenisty-list-text::before {
diff --git a/lang/en-US/setting/index.css b/lang/en-US/setting/index.css
index 74d389a..036f3dd 100644
--- a/lang/en-US/setting/index.css
+++ b/lang/en-US/setting/index.css
@@ -53,7 +53,7 @@ html[lang="en-US"] {
     content: "TREM EEW";
   }
   .trem-eew-description::before {
-    content: "TREM-EEW is an earthquake early warning message calculated by using TREM-Net observation network. The real-time data is non-public, and the general users can see the effect in the replay (5 minutes after the earthquake) after opening it.";
+    content: "TREM-EEW is an earthquake early warning message calculated by using TREM-Net observation network. The real-time data is non-public, general users can see the effect in the replay (5 minutes after the earthquake) after.";
   }
   .other-function-title::before {
     content: "Other Function";
@@ -221,13 +221,13 @@ html[lang="en-US"] {
     content: "Sure";
   }
   .confirm-sure:not(:empty)::after {
-    content: "s";
+    content: " s";
   }
   .confirm-cancel::before {
     content: "Cancel";
   }
   .current:empty:before {
-    content: "Unset";
+    content: "Not set";
   }
 
   .eew-1::before {
@@ -301,6 +301,6 @@ html[lang="en-US"] {
   }
 
   .setting-option span {
-    font-weight: unset;
+    font-weight: Not set;
   }
 }
diff --git a/lang/ja-JP/setting/index.css b/lang/ja-JP/setting/index.css
index e0c1b44..ef84e61 100644
--- a/lang/ja-JP/setting/index.css
+++ b/lang/ja-JP/setting/index.css
@@ -280,7 +280,7 @@ html[lang="ja-JP"] {
 
   .intensity-0::after {
     content: "0" !important;
-    font-size: unset !important;
+    font-size: Not set !important;
   }
 
   .reset-setting + .switch {
diff --git a/lang/ko-KR/index/index.css b/lang/ko-KR/index/index.css
new file mode 100644
index 0000000..203095f
--- /dev/null
+++ b/lang/ko-KR/index/index.css
@@ -0,0 +1,155 @@
+@import url("./rwd.css");
+
+html[lang="ko-KR"] {
+  .version-check-text::before {
+    content: "새 버전";
+  }
+
+  .info-number {
+    &:not(:empty)::before {
+      content: "#";
+    }
+    &:not(:empty)::after {
+      content: "";
+    }
+  }
+
+  .cancel-title span::before {
+    content: "취소";
+  }
+
+  .cancel-body span::before {
+    content: "지진 경보가 해제되었습니다.";
+  }
+
+  .no-eew.rts-trigger-low .info-unit::after {
+    content: "낮음 " !important;
+  }
+
+  .no-eew.rts-trigger-middle .info-unit::after {
+    content: "지진에 취약한 대응 " !important;
+  }
+
+  .no-eew.rts-trigger-high .info-unit::after {
+    content: "강력한 지진 감지 " !important;
+  }
+
+  .eew-warn .info-unit::before {
+    content: "경고 ";
+  }
+
+  .eew-alert .info-unit::before {
+    content: "경고 알림 ";
+  }
+
+  .info-number-last::after {
+    content: "(마지막)" !important;
+  }
+
+  .no-eew .info-unit::after {
+    content: "지진 경보 없음";
+  }
+
+  .info-intensity::after {
+    content: "최대 강도 추정";
+  }
+
+  .info-nsspe span::before {
+    content: "NSSPE";
+  }
+
+  .info-mag-text::after,
+  .report-box-item-wrapper:first-child .report-mag-text::after {
+    content: "크기";
+  }
+
+  .info-depth-text::after,
+  .report-depth-text::after {
+    content: "깊이";
+  }
+
+  .current-station-intensity-text::before {
+    content: "강도";
+  }
+  .current-station-pga-text::before {
+    content: "PGA";
+  }
+
+  .intensity-report::before {
+    content: "강도 보고서";
+  }
+
+  .source-report::before {
+    content: "지진 진원지 보고서";
+  }
+
+  .earthquake-report::before {
+    content: "지진 보고서";
+  }
+
+  .tsunami-warning::before {
+    content: "쓰나미 경보";
+  }
+
+  .earthquake-warning::before {
+    content: "지진 경보";
+  }
+
+  .report-intensity-text::before {
+    content: "최대 강도";
+  }
+
+  .web-detection::before {
+    content: "탐지";
+  }
+
+  .web-report::before {
+    content: "신고";
+  }
+
+  .report-replay::before {
+    content: "재생";
+  }
+
+  .report-box-items .survey .report-loc:before {
+    content: "평가 중인 에픽센터";
+  }
+
+  .rts-intenisty-list-text::before {
+    content: "진도별 강도 순위";
+  }
+
+  .max-intensity-text::before {
+    content: "최대 강도";
+  }
+
+  .max-pga-text::before {
+    content: "최대 PGA";
+  }
+
+  .internet-error .title:before {
+    content: "네트워크 연결 오류";
+  }
+
+  .unstable .title:before {
+    content: "불안정";
+  }
+
+  .unstable .warning-message-text span {
+    &:nth-child(1)::before {
+      content: "지진 활동으로 인해 관측";
+    }
+    &:nth-child(2)::before {
+      content: "지점이 불안정할 수 있습니다";
+    }
+  }
+
+  .internet-error .warning-message-text span {
+    &:nth-child(1)::before {
+      content: "네트워크 연결 오류가 발생했습니다";
+    }
+    &:nth-child(2)::before {
+      content: "나중에 다시 시도하세요.";
+    }
+  }
+}
diff --git a/lang/ko-KR/index/rwd.css b/lang/ko-KR/index/rwd.css
new file mode 100644
index 0000000..ce26575
--- /dev/null
+++ b/lang/ko-KR/index/rwd.css
@@ -0,0 +1,70 @@
+html[lang="ko-KR"] {
+  .report-wrapper.hidden ~ .rts-intensity-list-wrapper {
+    transform: translateX(219%);
+  }
+  .report-wrapper {
+    & .report-box-item-wrapper:first-child {
+      .report-intensity-text {
+        font-size: 12px;
+      }
+    }
+  }
+  .station-pga-wrapper {
+    left: 7.1rem;
+  }
+  .info-wrapper {
+    & .info-title-wrapper {
+      .info-intensity {
+        font-size: 10px;
+      }
+    }
+  }
+  .report-wrapper {
+    & .report-box-item-wrapper:first-child {
+      & .report-info-box {
+        & .report-info-item {
+          .report-loc {
+            font-size: 24px;
+          }
+        }
+      }
+    }
+  }
+  @media (max-width: 980px) {
+    .info-intensity::after {
+      content: "최대 추정" !important;
+    }
+    .report-box-item-wrapper:first-child {
+      .report-intensity-text {
+        font-size: 11px !important;
+      }
+    }
+    .report-intensity-val {
+      height: 40px !important;
+      width: 43px !important;
+    }
+    .rts-intensity-list-wrapper {
+      width: 130px !important;
+    }
+    .current-station-info {
+      width: 145px !important;
+    }
+    .current-station-pga {
+      width: 190px !important;
+    }
+    .max-intensity {
+      width: 76px;
+    }
+    .rts-intensity-list-wrapper {
+      right: 16.5rem;
+    }
+    .report-wrapper.hidden ~ .rts-intensity-list-wrapper {
+      transform: translateX(206%);
+    }
+    .report-box-item-wrapper.survey:first-child {
+      .report-loc {
+        font-size: 19px !important;
+      }
+    }
+  }
+}
diff --git a/lang/ko-KR/plugin_edit/index.css b/lang/ko-KR/plugin_edit/index.css
new file mode 100644
index 0000000..16b714d
--- /dev/null
+++ b/lang/ko-KR/plugin_edit/index.css
@@ -0,0 +1,32 @@
+html[lang="ko-KR"] {
+  .visual-editor-title:before {
+    content: "비주얼 편집기";
+  }
+  .btn-remove:before {
+    content: "삭제";
+  }
+  .btn-add:before {
+    content: "항목 추가";
+  }
+  .root::before {
+    content: "새로운 루트 레벨 필드";
+  }
+  .json-error:before {
+    content: "JSON 형식 오류";
+  }
+  .yaml-transfer-error:before {
+    content: "YAML 변환 오류";
+  }
+  .yaml-extract-error:before {
+    content: "YAML 구문 분석 오류";
+  }
+  .auto-save-success:before {
+    content: "자동 저장 성공";
+  }
+  .auto-save-error:before {
+    content: "자동 저장 실패";
+  }
+  .load-error:before {
+    content: "읽기 오류";
+  }
+}
diff --git a/lang/ko-KR/setting/index.css b/lang/ko-KR/setting/index.css
new file mode 100644
index 0000000..7b8b219
--- /dev/null
+++ b/lang/ko-KR/setting/index.css
@@ -0,0 +1,306 @@
+html[lang="ko-KR"] {
+  .button[for="general"]:before,
+  .general .setting-page-header-title::before {
+    content: "일반";
+  }
+  .button[for="graphics"]:before,
+  .graphics-header-title:before {
+    content: "그래픽";
+  }
+  .button[for="sound-effects"]:before,
+  .sound-effects-header-title::before {
+    content: "음향 효과";
+  }
+  .button[for="extended"]:before,
+  .extended-header-title:before {
+    content: "확장";
+  }
+  .button[for="info"]:before,
+  .info-header-title::before {
+    content: "정보";
+  }
+  .location-title::before {
+    content: "위치";
+  }
+  .location-description::before {
+    content: "위치를 설정하면 지진이 발생했을 때 해당 지역의 지진 강도를 추정할 수 있습니다";
+  }
+  .rts-station-title::before {
+    content: "실시간 관찰 지점";
+  }
+  .rts-station-description::before {
+    content: "메인 화면 왼쪽 상단에 표시되는 실시간 관찰 지점니다";
+  }
+  .warning-title::before {
+    content: "조기 경고 조건";
+  }
+  .warning-description::before {
+    content: "직전 관찰 지점(모든 관찰 지점)는 트리거 시점의 모든 관찰 지점의 진도 임계값이며, 예상 진도(위치)는 지진 경보 시점의 위치의 진도 임계값으로, 다음 조건 중 하나라도 충족되면 소프트웨어에서 음향 효과를 내고 창을 띄웁니다";
+  }
+  .current-realtime-station::before {
+    content: "실시간 관찰 지점(모든 관찰 지점) ";
+  }
+  .current-estimate-intensity::before {
+    content: "예상 강도(위치)";
+  }
+  .show-window-title::before {
+    content: "표시 프로그램 창";
+  }
+  .show-window-description::before {
+    content: "자동 표시 프로그램 창 ";
+  }
+  .trem-eew-title::before {
+    content: "TREM 지진 조기 경보";
+  }
+  .trem-eew-description::before {
+    content: "TREM 지진 조기 경보 는 TREM-Net 관측망을 사용하여 계산된 지진 조기 경보 메시지입니다. 실시간 데이터는 비공개이며, 일반 사용자는 지진 발생 후 5분 후에 리플레이를 통해 확인할 수 있습니다";
+  }
+  .other-function-title::before {
+    content: "기타 기능";
+  }
+  .other-function-description::before {
+    content: "TREM Lite 에서 자주 사용하지 않는 작은 기능들이 여기에 있습니다";
+  }
+  .auto-start::before {
+    content: "자동 시작 프로그램 (Windows)";
+  }
+  .tts::before {
+    content: "텍스트 음성 변환(중국어 번체)";
+  }
+  .earthquake-eew::before {
+    content: "지진 경보";
+  }
+  .earthquake-report::before {
+    content: "지진 보고서";
+  }
+  .earthquake-detect::before {
+    content: "지진 감지";
+  }
+  .rts-intensity::before {
+    content: "실시간 강도";
+  }
+  .get-trem-eew::before {
+    content: "TREM 지진 조기 경보 수신";
+  }
+  .reset-button::before,
+  .reset-setting-title::before {
+    content: "초기화";
+  }
+  .reset-setting::before {
+    content: "모든 설정 초기화";
+  }
+  .auto-zoom-title::before {
+    content: "지도 자동 확대/축소";
+  }
+  .auto-zoom-description::before {
+    content: "기본 지도 자동 확대/축소는 비활성화되어 있습니다";
+  }
+  .block-auto-zoom::before {
+    content: "지도 자동 확대/축소 비활성화";
+  }
+  .show-fault-title::before,
+  .show-fault::before {
+    content: "결함 표시";
+  }
+  .show-fault-description::before {
+    content: "지도는 대만 본섬의 단층 분포를 보여줍니다";
+  }
+  .effects-dong-title::before {
+    content: "조기 경고";
+  }
+  .effects-dong-description::before {
+    content: "지진이 발생하면 해당 위치의 예상 진도와 지진파가 도착할 때까지 남은 시간을 방송합니다";
+  }
+  .dong-dong::before {
+    content: "사운드 효과(카운트다운이 있는 경우에만 작동)";
+  }
+  .sound-effects-list-title::before {
+    content: "음향 효과 목록";
+  }
+  .sound-effects-list-description::before {
+    content: "특정 음향 효과 켜기 또는 끄기";
+  }
+  .extended-list-title:empty::before {
+    content: "확장 목록";
+  }
+  .extended-list-description:empty::before,
+  .extended-list-description:empty::before {
+    content: "알 수 없거나 신뢰할 수 없는 출처의 확장 프로그램을 사용하면 개인 정보의 보안이 위태로워질 수 있으므로 주의하세요";
+  }
+  .extended-list-descriptions:empty::before {
+    content: "활성화된 확장 프로그램을 선택하면 프로그램 시작 시 확장 프로그램이 로드됩니다";
+  }
+  .extended-setting-button::before {
+    content: "설정";
+  }
+  .extended-info
+    span:empty:not(
+      .verified-badge,
+      .unverified-badge,
+      .loaded-badge,
+      .unloaded-badge
+    )::before {
+    content: "알 수 없거나 신뢰할 수 없는 출처의 확장 프로그램을 사용하면 개인 정보의 보안이 위태로워질 수 있으므로 주의하세요";
+  }
+  .verified-badge::before {
+    content: "확인됨";
+  }
+  .unverified-badge::before {
+    content: "확인되지 않음";
+  }
+  .loaded-badge::before {
+    content: "로드";
+  }
+  .unloaded-badge::before {
+    content: "언로드됨";
+  }
+  .success.message-box:before {
+    content: "성공!";
+  }
+  .failed.message-box:before {
+    content: "실패했습니다!";
+  }
+  .extended-store:before {
+    content: "TREM 확장 스토어";
+  }
+  .p-alert::before {
+    content: "P-Alert (거의 실시간에 가까운 강도를 수신하는)";
+  }
+  .report::after {
+    content: "Report (지진 신고 접수 시)";
+  }
+  .update::before {
+    content: "Update (지진 경보가 정정된 경우)";
+  }
+  .info-trem-lite::before {
+    content: "TREM Lite 소개";
+  }
+  .info-trem-description::before {
+    content: "TREM-Lite 는 자체 개발한 지진 관측소를 활용해 다양한 장소의 진도를 실시간으로 표시하고, 지진 발생 시 다양한 채널에서 발표하는 강진 경고 메시지를 실시간으로 받아볼 수 있는 오픈소스 지진 신속 보고 소프트웨어입니다.";
+  }
+  .app-version-title::before {
+    content: "프로그램 버전";
+  }
+  .system-os-title::before {
+    content: "시스템 버전";
+  }
+  .source-title::before {
+    content: "데이터 소스";
+  }
+  .source-eew::before {
+    content: "지진 경보";
+  }
+  .source-cwa::before {
+    content: "교통부 중앙기상서 (CWA)";
+  }
+  .source-shindo::before {
+    content: "강도";
+  }
+  .source-sinica::before {
+    content: "중앙연구원 (SINICA)";
+  }
+  .source-trem::before {
+    content: "대만 실시간 지진 모니터 (TREM)";
+  }
+  .contributor-title::before {
+    content: "기여자";
+  }
+  .contributor-description::before {
+    content: "TREM Lite 를 가능하게 해준 다음 기여자들에게 감사드립니다.";
+  }
+  .reset .confirm-title::before {
+    content: "설정을 재설정하시겠습니까? 재설정 후에는 다시 돌아올 수 없습니다.";
+  }
+  .extendedOpen .confirm-title::before {
+    content: "";
+  }
+  .extendedOpen .confirm-title::after {
+    content: " 확장 프로그램을 사용하시겠습니까? 알 수 없거나 신뢰할 수 없는 출처의 확장 프로그램을 사용하면 개인 정보의 보안이 위험해질 수 있습니다.";
+  }
+  .confirm-sure:empty::before {
+    content: "물론";
+  }
+  .confirm-sure:not(:empty)::after {
+    content: " 초";
+  }
+  .confirm-cancel::before {
+    content: "취소";
+  }
+  .current:empty:before {
+    content: "설정 해제";
+  }
+
+  .eew-1::before {
+    content: "EEW(지진 경보 수신 시)";
+  }
+  .eew-2 {
+    &::before {
+      content: "EEW2(예상 강도가 ";
+    }
+    .special-text:before {
+      content: "5보다";
+    }
+    &::after {
+      content: "  낮거나 높은 경우)";
+    }
+  }
+  .pga-1 {
+    &::before {
+      content: "PGA1(PGA가 ";
+    }
+    .special-text:before {
+      content: "8gal";
+    }
+    &::after {
+      content: " 이상인 경우)";
+    }
+  }
+  .pga-2 {
+    &::before {
+      content: "PGA2 (PGA가 ";
+    }
+    .special-text:before {
+      content: "200gal";
+    }
+    &::after {
+      content: " 이상인 경우)";
+    }
+  }
+  .shindo-0 {
+    &::before {
+      content: "Shindo0 (탐지 강도가 ";
+    }
+    .special-text:before {
+      content: "0";
+    }
+    &::after {
+      content: " 이상인 경우)";
+    }
+  }
+  .shindo-1 {
+    &::before {
+      content: "Shindo1 (탐지 강도가 ";
+    }
+    .special-text:before {
+      content: "2";
+    }
+    &::after {
+      content: " 이상인 경우)";
+    }
+  }
+  .shindo-2 {
+    &::before {
+      content: "Shindo2 (탐지 강도가 ";
+    }
+    .special-text:before {
+      content: "4";
+    }
+    &::after {
+      content: " 이상인 경우)";
+    }
+  }
+
+  .setting-option span {
+    font-weight: Not set;
+  }
+}
diff --git a/lang/vi-VN/index/index.css b/lang/vi-VN/index/index.css
new file mode 100644
index 0000000..26c1520
--- /dev/null
+++ b/lang/vi-VN/index/index.css
@@ -0,0 +1,158 @@
+@import url("./rwd.css");
+
+html[lang="vi-VN"] {
+  .version-check-text::before {
+    content: "Phiên bản mới";
+  }
+
+  .info-number {
+    &:not(:empty)::before {
+      content: "#";
+    }
+    &:not(:empty)::after {
+      content: "";
+    }
+  }
+
+  .cancel-title span::before {
+    content: "Hủy bỏ";
+  }
+
+  .cancel-body span::before {
+    content: "Cảnh báo động đất này đã được hủy bỏ.";
+  }
+
+  .no-eew.rts-trigger-low .info-unit::after {
+    content: "Thấp " !important;
+  }
+
+  .no-eew.rts-trigger-middle .info-unit::after {
+    content: "Phản ứng yếu của động đất " !important;
+  }
+
+  .no-eew.rts-trigger-high .info-unit::after {
+    content: "Phát hiện động đất mạnh " !important;
+  }
+
+  .eew-warn .info-unit::before {
+    content: "Cảnh báo ";
+  }
+
+  .eew-alert .info-unit::before {
+    content: "Cảnh báo cảnh báo ";
+  }
+
+  .info-number-last::after {
+    content: "(Cuối cùng)" !important;
+  }
+
+  .no-eew .info-unit::after {
+    content: "Không có cảnh báo động đất hiện tại";
+  }
+
+  .info-intensity::after {
+    content: "Ước tính cường độ tối đa";
+  }
+
+  .info-nsspe span::before {
+    content: "NSSPE";
+  }
+
+  .info-mag-text::after,
+  .report-box-item-wrapper:first-child .report-mag-text::after {
+    content: "kích cỡ";
+    width: 6.5rem;
+    font-size: 20px;
+  }
+
+  .info-depth-text::after,
+  .report-depth-text::after {
+    content: "Độ sâu";
+    font-size: 20px;
+  }
+
+  .current-station-intensity-text::before {
+    content: "Cường độ";
+  }
+  .current-station-pga-text::before {
+    content: "PGA";
+  }
+
+  .intensity-report::before {
+    content: "Báo cáo cường độ";
+  }
+
+  .source-report::before {
+    content: "Báo cáo tâm chấn động đất";
+  }
+
+  .earthquake-report::before {
+    content: "Báo cáo động đất";
+  }
+
+  .tsunami-warning::before {
+    content: "Cảnh báo sóng thần";
+  }
+
+  .earthquake-warning::before {
+    content: "Cảnh báo động đất";
+  }
+
+  .report-intensity-text::before {
+    content: "Cường độ tối đa";
+  }
+
+  .web-detection::before {
+    content: "Phát hiện";
+  }
+
+  .web-report::before {
+    content: "Báo cáo";
+  }
+
+  .report-replay::before {
+    content: "Phát lại";
+  }
+
+  .report-box-items .survey .report-loc:before {
+    content: "Tâm chấn đang được đánh giá";
+  }
+
+  .rts-intenisty-list-text::before {
+    content: "Xếp hạng cường độ theo địa chấn";
+  }
+
+  .max-intensity-text::before {
+    content: "Cường độ tối đa";
+  }
+
+  .max-pga-text::before {
+    content: "PGA tối đa";
+  }
+
+  .internet-error .title:before {
+    content: "Lỗi kết nối mạng";
+  }
+
+  .unstable .title:before {
+    content: "Không ổn định";
+  }
+
+  .unstable .warning-message-text span {
+    &:nth-child(1)::before {
+      content: "Các điểm quan sát có thể không";
+    }
+    &:nth-child(2)::before {
+      content: "ổn định do hoạt động địa chấn";
+    }
+  }
+
+  .internet-error .warning-message-text span {
+    &:nth-child(1)::before {
+      content: "Lỗi kết nối mạng";
+    }
+    &:nth-child(2)::before {
+      content: "vui lòng thử lại sau";
+    }
+  }
+}
diff --git a/lang/vi-VN/index/rwd.css b/lang/vi-VN/index/rwd.css
new file mode 100644
index 0000000..24f1657
--- /dev/null
+++ b/lang/vi-VN/index/rwd.css
@@ -0,0 +1,70 @@
+html[lang="vi-VN"] {
+  .report-wrapper.hidden ~ .rts-intensity-list-wrapper {
+    transform: translateX(219%);
+  }
+  .report-wrapper {
+    & .report-box-item-wrapper:first-child {
+      .report-intensity-text {
+        font-size: 12px;
+      }
+    }
+  }
+  .station-pga-wrapper {
+    left: 7.1rem;
+  }
+  .info-wrapper {
+    & .info-title-wrapper {
+      .info-intensity {
+        font-size: 10px;
+      }
+    }
+  }
+  .report-wrapper {
+    & .report-box-item-wrapper:first-child {
+      & .report-info-box {
+        & .report-info-item {
+          .report-loc {
+            font-size: 24px;
+          }
+        }
+      }
+    }
+  }
+  @media (max-width: 980px) {
+    .info-intensity::after {
+      content: "Ước tính tối đa" !important;
+    }
+    .report-box-item-wrapper:first-child {
+      .report-intensity-text {
+        font-size: 10px !important;
+      }
+    }
+    .report-intensity-val {
+      height: 40px !important;
+      width: 43px !important;
+    }
+    .rts-intensity-list-wrapper {
+      width: 130px !important;
+    }
+    .current-station-info {
+      width: 145px !important;
+    }
+    .current-station-pga {
+      width: 190px !important;
+    }
+    .max-intensity {
+      width: 76px;
+    }
+    .rts-intensity-list-wrapper {
+      right: 16.5rem;
+    }
+    .report-wrapper.hidden ~ .rts-intensity-list-wrapper {
+      transform: translateX(206%);
+    }
+    .report-box-item-wrapper.survey:first-child {
+      .report-loc {
+        font-size: 19px !important;
+      }
+    }
+  }
+}
diff --git a/lang/vi-VN/plugin_edit/index.css b/lang/vi-VN/plugin_edit/index.css
new file mode 100644
index 0000000..026c105
--- /dev/null
+++ b/lang/vi-VN/plugin_edit/index.css
@@ -0,0 +1,32 @@
+html[lang="vi-VN"] {
+  .visual-editor-title:before {
+    content: "Trình chỉnh sửa trực quan";
+  }
+  .btn-remove:before {
+    content: "Xóa bỏ";
+  }
+  .btn-add:before {
+    content: "Thêm mục";
+  }
+  .root::before {
+    content: "Các trường cấp gốc mới";
+  }
+  .json-error:before {
+    content: "Lỗi định dạng JSON";
+  }
+  .yaml-transfer-error:before {
+    content: "Lỗi chuyển đổi YAML";
+  }
+  .yaml-extract-error:before {
+    content: "Lỗi phân tích YAML";
+  }
+  .auto-save-success:before {
+    content: "Tự động lưu thành công";
+  }
+  .auto-save-error:before {
+    content: "Tự động lưu lỗi";
+  }
+  .load-error:before {
+    content: "Lỗi đọc";
+  }
+}
diff --git a/lang/vi-VN/setting/index.css b/lang/vi-VN/setting/index.css
new file mode 100644
index 0000000..f5ce74a
--- /dev/null
+++ b/lang/vi-VN/setting/index.css
@@ -0,0 +1,306 @@
+html[lang="vi-VN"] {
+  .button[for="general"]:before,
+  .general .setting-page-header-title::before {
+    content: "Tổng quan";
+  }
+  .button[for="graphics"]:before,
+  .graphics-header-title:before {
+    content: "Đồ họa";
+  }
+  .button[for="sound-effects"]:before,
+  .sound-effects-header-title::before {
+    content: "Hiệu ứng âm thanh";
+  }
+  .button[for="extended"]:before,
+  .extended-header-title:before {
+    content: "Mở rộng";
+  }
+  .button[for="info"]:before,
+  .info-header-title::before {
+    content: "Thông tin";
+  }
+  .location-title::before {
+    content: "Vị trí";
+  }
+  .location-description::before {
+    content: "Việc thiết lập vị trí cho phép bạn ước tính cường độ của trận động đất tại khu vực của bạn khi nó xảy ra.";
+  }
+  .rts-station-title::before {
+    content: "Điểm quan sát thời gian thực";
+  }
+  .rts-station-description::before {
+    content: "Điểm quan sát thời gian thực xuất hiện ở góc trên bên trái của màn hình chính.";
+  }
+  .warning-title::before {
+    content: "Điều kiện cảnh báo sớm";
+  }
+  .warning-description::before {
+    content: "Điểm quan sát tức thời (bất kỳ điểm quan sát nào) là ngưỡng cường độ của bất kỳ trạm nào tại thời điểm kích hoạt và cường độ ước tính (vị trí) là ngưỡng cường độ của vị trí tại thời điểm cảnh báo động đất và phần mềm sẽ phát ra hiệu ứng âm thanh và bật lên một cửa sổ khi bất kỳ điều kiện nào sau đây được đáp ứng.";
+  }
+  .current-realtime-station::before {
+    content: "Điểm quan sát thời gian thực (điểm quan sát nhấn) ";
+  }
+  .current-estimate-intensity::before {
+    content: "Cường độ ước tính (vị trí)";
+  }
+  .show-window-title::before {
+    content: "Hiển thị cửa sổ";
+  }
+  .show-window-description::before {
+    content: "Hiển thị cửa sổ chương trình tự động";
+  }
+  .trem-eew-title::before {
+    content: "Cảnh báo sớm động đất TREM";
+  }
+  .trem-eew-description::before {
+    content: "Cảnh báo sớm động đất TREM là thông báo cảnh báo sớm động đất được tính toán bằng cách sử dụng mạng quan sát TREM-Net Dữ liệu thời gian thực không công khai, người dùng thông thường có thể thấy hiệu ứng trong bản phát lại (5 phút sau trận động đất).";
+  }
+  .other-function-title::before {
+    content: "Chức năng khác";
+  }
+  .other-function-description::before {
+    content: "Những tính năng nhỏ mà TREM Lite không thường sử dụng đều có ở đây.";
+  }
+  .auto-start::before {
+    content: "Chương trình tự động khởi động (Windows)";
+  }
+  .tts::before {
+    content: "Chuyển văn bản thành giọng nói (Tiếng Trung phồn thể)";
+  }
+  .earthquake-eew::before {
+    content: "Cảnh báo động đất";
+  }
+  .earthquake-report::before {
+    content: "Báo cáo động đất";
+  }
+  .earthquake-detect::before {
+    content: "Phát hiện động đất";
+  }
+  .rts-intensity::before {
+    content: "Cường độ thời gian thực";
+  }
+  .get-trem-eew::before {
+    content: "Nhận cảnh báo sớm về động đất TREM";
+  }
+  .reset-button::before,
+  .reset-setting-title::before {
+    content: "Đặt lại";
+  }
+  .reset-setting::before {
+    content: "Đặt lại tất cả cài đặt";
+  }
+  .auto-zoom-title::before {
+    content: "Tự động thu phóng bản đồ";
+  }
+  .auto-zoom-description::before {
+    content: "Tính năng tự động thu phóng bản đồ mặc định đã bị vô hiệu hóa.";
+  }
+  .block-auto-zoom::before {
+    content: "Tắt tính năng tự động thu phóng bản đồ";
+  }
+  .show-fault-title::before,
+  .show-fault::before {
+    content: "Hiển thị đứt gãy";
+  }
+  .show-fault-description::before {
+    content: "Bản đồ cho thấy sự phân bố các đứt gãy trên đảo chính Đài Loan.";
+  }
+  .effects-dong-title::before {
+    content: "Cảnh báo sớm";
+  }
+  .effects-dong-description::before {
+    content: "Khi một trận động đất xảy ra, nó sẽ phát đi ước tính về cường độ của địa điểm và số giây còn lại trước khi sóng động đất ập đến.";
+  }
+  .dong-dong::before {
+    content: "Hiệu ứng âm thanh (chỉ hoạt động nếu có đếm ngược)";
+  }
+  .sound-effects-list-title::before {
+    content: "Danh sách hiệu ứng âm thanh";
+  }
+  .sound-effects-list-description::before {
+    content: "Bật hoặc tắt các hiệu ứng âm thanh cụ thể";
+  }
+  .extended-list-title:empty::before {
+    content: "Danh sách mở rộng";
+  }
+  .extended-list-description:empty::before,
+  .extended-list-description:empty::before {
+    content: "Việc sử dụng tiện ích mở rộng từ các nguồn không xác định hoặc không đáng tin cậy có thể gây nguy hiểm cho tính bảo mật thông tin cá nhân của bạn, vì vậy hãy thận trọng.";
+  }
+  .extended-list-descriptions:empty::before {
+    content: "Chọn các tiện ích mở rộng được bật, các tiện ích mở rộng sẽ được tải khi khởi động chương trình.";
+  }
+  .extended-setting-button::before {
+    content: "Cài đặt";
+  }
+  .extended-info
+    span:empty:not(
+      .verified-badge,
+      .unverified-badge,
+      .loaded-badge,
+      .unloaded-badge
+    )::before {
+    content: "Việc sử dụng tiện ích mở rộng từ các nguồn không xác định hoặc không đáng tin cậy có thể gây nguy hiểm cho tính bảo mật thông tin cá nhân của bạn, vì vậy hãy thận trọng.";
+  }
+  .verified-badge::before {
+    content: "Đã xác minh";
+  }
+  .unverified-badge::before {
+    content: "Chưa xác minh";
+  }
+  .loaded-badge::before {
+    content: "Đã tải";
+  }
+  .unloaded-badge::before {
+    content: "Đã dỡ";
+  }
+  .success.message-box:before {
+    content: "Thành công!";
+  }
+  .failed.message-box:before {
+    content: "Thất bại!";
+  }
+  .extended-store:before {
+    content: "Cửa hàng mở rộng TREM";
+  }
+  .p-alert::before {
+    content: "P-Alert (Khi nhận được cường độ gần thời gian thực)";
+  }
+  .report::after {
+    content: "Report (Khi nhận được báo cáo động đất)";
+  }
+  .update::before {
+    content: "Update (Khi cảnh báo động đất được sửa chữa)";
+  }
+  .info-trem-lite::before {
+    content: "Giới thiệu về TREM Lite";
+  }
+  .info-trem-description::before {
+    content: "TREM-Lite là phần mềm báo cáo nhanh về động đất nguồn mở cung cấp cho bạn thông tin về động đất theo thời gian thực, sử dụng các trạm động đất tự phát triển để hiển thị hoạt động địa chấn theo thời gian thực tại nhiều địa điểm khác nhau và thu thập các thông báo cảnh báo theo thời gian thực về động đất mạnh được phát đi từ nhiều kênh khác nhau khi xảy ra động đất lần đầu tiên.";
+  }
+  .app-version-title::before {
+    content: "Phiên bản chương trình";
+  }
+  .system-os-title::before {
+    content: "Phiên bản hệ thống";
+  }
+  .source-title::before {
+    content: "Nguồn dữ liệu";
+  }
+  .source-eew::before {
+    content: "Cảnh báo động đất";
+  }
+  .source-cwa::before {
+    content: "Cục Thời tiết Trung ương (CWA)";
+  }
+  .source-shindo::before {
+    content: "Cường độ";
+  }
+  .source-sinica::before {
+    content: "Academia Sinica (SINICA)";
+  }
+  .source-trem::before {
+    content: "Đài Loan Giám sát động đất thời gian thực (TREM)";
+  }
+  .contributor-title::before {
+    content: "Người đóng góp";
+  }
+  .contributor-description::before {
+    content: "Cảm ơn những người đóng góp sau đây đã giúp TREM Lite trở thành hiện thực.";
+  }
+  .reset .confirm-title::before {
+    content: "Bạn có chắc chắn muốn đặt lại cài đặt không? Bạn sẽ không thể quay lại sau khi đặt lại.";
+  }
+  .extendedOpen .confirm-title::before {
+    content: "Bạn có chắc chắn muốn bật tiện ích mở rộng";
+  }
+  .extendedOpen .confirm-title::after {
+    content: "không? Sử dụng tiện ích mở rộng từ các nguồn không xác định hoặc không đáng tin cậy có thể gây nguy hiểm cho tính bảo mật thông tin cá nhân của bạn.";
+  }
+  .confirm-sure:empty::before {
+    content: "Chắc chắn";
+  }
+  .confirm-sure:not(:empty)::after {
+    content: " giây";
+  }
+  .confirm-cancel::before {
+    content: "Hủy bỏ";
+  }
+  .current:empty:before {
+    content: "Chưa thiết lập";
+  }
+
+  .eew-1::before {
+    content: "EEW (Khi nhận được cảnh báo động đất)";
+  }
+  .eew-2 {
+    &::before {
+      content: "EEW2 (Khi cường độ ước tính là ";
+    }
+    .special-text:before {
+      content: "5 yếu";
+    }
+    &::after {
+      content: " hoặc cao hơn)";
+    }
+  }
+  .pga-1 {
+    &::before {
+      content: "PGA1 (Khi PGA là ";
+    }
+    .special-text:before {
+      content: "8gal";
+    }
+    &::after {
+      content: " hoặc cao hơn)";
+    }
+  }
+  .pga-2 {
+    &::before {
+      content: "PGA2 (Khi PGA là ";
+    }
+    .special-text:before {
+      content: "200gal";
+    }
+    &::after {
+      content: " hoặc cao hơn)";
+    }
+  }
+  .shindo-0 {
+    &::before {
+      content: "Shindo0 (khi cường độ phát hiện là";
+    }
+    .special-text:before {
+      content: "0";
+    }
+    &::after {
+      content: " hoặc cao hơn)";
+    }
+  }
+  .shindo-1 {
+    &::before {
+      content: "Shindo1 (khi cường độ phát hiện là";
+    }
+    .special-text:before {
+      content: "2";
+    }
+    &::after {
+      content: " hoặc cao hơn)";
+    }
+  }
+  .shindo-2 {
+    &::before {
+      content: "Shindo2 (khi cường độ phát hiện là";
+    }
+    .special-text:before {
+      content: "4";
+    }
+    &::after {
+      content: " hoặc cao hơn)";
+    }
+  }
+
+  .setting-option span {
+    font-weight: Not set;
+  }
+}
diff --git a/lang/zh-CN/setting/index.css b/lang/zh-CN/setting/index.css
index 58844b2..8aabd4e 100644
--- a/lang/zh-CN/setting/index.css
+++ b/lang/zh-CN/setting/index.css
@@ -212,7 +212,7 @@ html[lang="zh-CN"] {
   }
   .intensity-0::after {
     content: "0" !important;
-    font-size: unset !important;
+    font-size: Not set !important;
   }
   .current:empty:before {
     content: "未设置";