From f708970fa46cb973011defaf4b7328ac3aacce7c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=A5=E6=B5=A9?= <me@yanhao.ren>
Date: Fri, 22 Nov 2024 16:11:41 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=20primelocale=20?=
 =?UTF-8?q?=E4=BE=9D=E8=B5=96=E5=B9=B6=E6=9B=B4=E6=96=B0=20PrimeVue=20?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E4=BB=A5=E6=94=AF=E6=8C=81=E5=A4=9A=E8=AF=AD?=
 =?UTF-8?q?=E8=A8=80=E9=80=89=E6=8B=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                      |  1 +
 pnpm-lock.yaml                    |  9 +++++++++
 src/components/i18nComp/index.vue |  1 +
 src/components/primevue.vue       | 17 +++++++++++++----
 4 files changed, 24 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index 9d41bdc..189d275 100644
--- a/package.json
+++ b/package.json
@@ -44,6 +44,7 @@
     "page-stack-vue3": "^2.5.6",
     "pinia": "^2.2.6",
     "pinia-plugin-persistedstate": "^4.1.3",
+    "primelocale": "^1.2.1",
     "primevue": "^4.2.2",
     "radash": "^12.1.0",
     "taze": "^0.18.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 0568da5..7bc5acc 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -56,6 +56,9 @@ importers:
       pinia-plugin-persistedstate:
         specifier: ^4.1.3
         version: 4.1.3(pinia@2.2.6(typescript@5.6.3)(vue@3.5.13(typescript@5.6.3)))(rollup@4.27.3)
+      primelocale:
+        specifier: ^1.2.1
+        version: 1.2.1
       primevue:
         specifier: ^4.2.2
         version: 4.2.2(vue@3.5.13(typescript@5.6.3))
@@ -4114,6 +4117,10 @@ packages:
     resolution: {integrity: sha512-973driJZvxiGOQ5ONsFhOF/DtzPMOMtgC11kCpUrPGMTgqp2q/1gwzCquocrN33is0VZ5GFHXZYMM9l6h67v2Q==}
     engines: {node: '>=10'}
 
+  primelocale@1.2.1:
+    resolution: {integrity: sha512-3GZHw0eqlvqkAJHxa/Erkt9Ig+tOtADGAJKFfJ+s5SZJZtxIpuh/L94eQMGUdl/AjqFwdO9V8IauD9Gtzfrp9A==}
+    engines: {node: '>=12.0.0', npm: '>=6.0.0'}
+
   primevue@4.2.2:
     resolution: {integrity: sha512-L+WWWdSbyTCwJDLMKoFQpTr2C/VFQHoArPzw8xFwADOB7I5OsDCd5ZQaD+WEn3iFG/25EkFFt59sxGb69zf3eQ==}
     engines: {node: '>=12.11.0'}
@@ -9352,6 +9359,8 @@ snapshots:
     dependencies:
       parse-ms: 2.1.0
 
+  primelocale@1.2.1: {}
+
   primevue@4.2.2(vue@3.5.13(typescript@5.6.3)):
     dependencies:
       '@primeuix/styled': 0.3.2
diff --git a/src/components/i18nComp/index.vue b/src/components/i18nComp/index.vue
index 4c84100..d692384 100644
--- a/src/components/i18nComp/index.vue
+++ b/src/components/i18nComp/index.vue
@@ -29,6 +29,7 @@
       <select id="locale" v-model="$i18n.locale">
         <option v-for="locale in $i18n.availableLocales" :key="locale" :value="locale">{{ locale }}</option>
       </select>
+      <p>$i18n.locale: {{ $i18n.locale }}</p>
     </form>
   </div>
 </template>
diff --git a/src/components/primevue.vue b/src/components/primevue.vue
index c4f2801..a4c1872 100644
--- a/src/components/primevue.vue
+++ b/src/components/primevue.vue
@@ -1,9 +1,14 @@
+<script setup lang="ts">
+import { usePrimeVue } from 'primevue/config';
+import zhCN from 'primelocale/zh-CN.json';
+
+const primevue = usePrimeVue();
+primevue.config.locale = zhCN['zh-CN'];
+</script>
+
 <template>
   <div class="pppppppp">
     <InputText />
-
-    <Button>PButton</Button>
-
     <Select
       :options="[
         { name: 'New York', code: 'NY' },
@@ -13,8 +18,12 @@
         { name: 'Paris', code: 'PRS' },
       ]"
       optionLabel="name"
-      placeholder="Select a City"
+      placeholder="选择城市"
       class="min-w-[200px]"
     />
+
+    <DatePicker dateFormat="dd/mm/yy" />
+
+    <Button>PButton</Button>
   </div>
 </template>