From 66eceb08eddd8cdf40f3389d3f34721ed2b224e4 Mon Sep 17 00:00:00 2001
From: halfcoke <halfcoke@163.com>
Date: Sat, 25 Nov 2023 14:46:37 +0800
Subject: [PATCH] feat(i18n): json to toml

---
 src/composable/validation.ts            |  3 +--
 src/tools/json-to-toml/json-to-toml.vue | 11 ++++++-----
 src/tools/json-to-toml/locales/en.yml   |  9 +++++++++
 src/tools/json-to-toml/locales/zh.yml   |  9 +++++++++
 4 files changed, 25 insertions(+), 7 deletions(-)
 create mode 100644 src/tools/json-to-toml/locales/en.yml
 create mode 100644 src/tools/json-to-toml/locales/zh.yml

diff --git a/src/composable/validation.ts b/src/composable/validation.ts
index 472ca4b2..bae798c0 100644
--- a/src/composable/validation.ts
+++ b/src/composable/validation.ts
@@ -6,7 +6,7 @@ type ValidatorReturnType = unknown;
 
 export interface UseValidationRule<T> {
   validator: (value: T) => ValidatorReturnType
-  message: string
+  message: any
 }
 
 export function isFalsyOrHasThrown(cb: () => ValidatorReturnType): boolean {
@@ -56,7 +56,6 @@ export function useValidation<T>({
   watch(
     [source, ...watchRefs],
     () => {
-      state.message = '';
       state.status = undefined;
 
       for (const rule of get(rules)) {
diff --git a/src/tools/json-to-toml/json-to-toml.vue b/src/tools/json-to-toml/json-to-toml.vue
index b1d37a38..685053f4 100644
--- a/src/tools/json-to-toml/json-to-toml.vue
+++ b/src/tools/json-to-toml/json-to-toml.vue
@@ -1,9 +1,10 @@
 <script setup lang="ts">
 import { stringify as stringifyToml } from 'iarna-toml-esm';
 import JSON5 from 'json5';
-import { withDefaultOnError } from '../../utils/defaults';
+import { withDefaultOnError } from '@/utils/defaults';
 import type { UseValidationRule } from '@/composable/validation';
 
+const { t } = useI18n();
 const convertJsonToToml = (value: string) => [stringifyToml(JSON5.parse(value))].flat().join('\n').trim();
 
 const transformer = (value: string) => value.trim() === '' ? '' : withDefaultOnError(() => convertJsonToToml(value), '');
@@ -11,16 +12,16 @@ const transformer = (value: string) => value.trim() === '' ? '' : withDefaultOnE
 const rules: UseValidationRule<string>[] = [
   {
     validator: (v: string) => v === '' || JSON5.parse(v),
-    message: 'Provided JSON is not valid.',
+    message: computed(() => t('tools.json-to-toml.invalid')),
   },
 ];
 </script>
 
 <template>
   <format-transformer
-    input-label="Your JSON"
-    input-placeholder="Paste your JSON here..."
-    output-label="TOML from your JSON"
+    :input-label="t('tools.json-to-toml.your-json')"
+    :input-placeholder="t('tools.json-to-toml.placeholder.your-json')"
+    :output-label="t('tools.json-to-toml.toml-from-json')"
     output-language="toml"
     :input-validation-rules="rules"
     :transformer="transformer"
diff --git a/src/tools/json-to-toml/locales/en.yml b/src/tools/json-to-toml/locales/en.yml
new file mode 100644
index 00000000..771933a8
--- /dev/null
+++ b/src/tools/json-to-toml/locales/en.yml
@@ -0,0 +1,9 @@
+tools:
+  json-to-toml:
+    title: 'JSON to TOML'
+    description: 'Parse and convert JSON to TOML.'
+    invalid: 'Provided JSON is not valid.'
+    your-json: 'Your JSON'
+    toml-from-json: 'TOML from your JSON'
+    placeholder:
+      your-json: 'Paste your JSON here...'
diff --git a/src/tools/json-to-toml/locales/zh.yml b/src/tools/json-to-toml/locales/zh.yml
new file mode 100644
index 00000000..381fecad
--- /dev/null
+++ b/src/tools/json-to-toml/locales/zh.yml
@@ -0,0 +1,9 @@
+tools:
+  json-to-toml:
+    title: 'JSON to TOML'
+    description: '使用这个在线转换工具，简单地将JSON转换为TOML。'
+    invalid: '提供的JSON有问题'
+    your-json: '原始JSON'
+    toml-from-json: '转换后的TOML'
+    placeholder:
+      your-json: '在这粘贴你的JSON...'