feat: 添加 primelocale 依赖并更新 PrimeVue 组件以支持多语言选择

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",

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

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>

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>