feat: add unocss-preset-chinese and update related configurations

2025-02-25 00:27:05 +08:00
parent 4552bbca34
commit 97431f932f
6 changed files with 67 additions and 6 deletions
--- a/.github/workflows/vercel.yaml
+++ b/.github/workflows/vercel.yaml
@ -6,8 +6,7 @@ env:
  TZ: Asia/Shanghai
 on:
  push:
-    branches:
-      - main
+    branches: [main]
 jobs:
  build-and-deploy-to-vercel:
    runs-on: ubuntu-latest
--- a/package.json
+++ b/package.json
@ -43,7 +43,7 @@
    "@formkit/auto-animate": "^0.8.2",
    "@intlify/unplugin-vue-i18n": "^6.0.3",
    "@pinia/colada": "^0.13.5",
-    "@primevue/themes": "^4.3.0-rc.1",
+    "@primevue/themes": "^4.3.0",
    "@unhead/vue": "^1.11.18",
    "@vant/use": "^1.6.0",
    "@vueuse/core": "^12.5.0",
@ -113,6 +113,7 @@
    "terser": "^5.38.1",
    "typescript": "~5.7.3",
    "unocss": "^66.0.0",
+    "unocss-preset-chinese": "^0.3.3",
    "unplugin-auto-import": "^19.0.0",
    "unplugin-icons": "^22.0.0",
    "unplugin-vue-components": "^28.0.0",
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@ -231,6 +231,9 @@ importers:
      unocss:
        specifier: ^66.0.0
        version: 66.0.0(postcss@8.5.1)(vite@6.1.0(@types/node@22.13.1)(jiti@2.4.2)(less@4.2.2)(sass-embedded@1.83.4)(terser@5.38.2)(tsx@4.19.2)(yaml@2.7.0))(vue@3.5.13(typescript@5.7.3))
+      unocss-preset-chinese:
+        specifier: ^0.3.3
+        version: 0.3.3(unocss@66.0.0(postcss@8.5.1)(vite@6.1.0(@types/node@22.13.1)(jiti@2.4.2)(less@4.2.2)(sass-embedded@1.83.4)(terser@5.38.2)(tsx@4.19.2)(yaml@2.7.0))(vue@3.5.13(typescript@5.7.3)))
      unplugin-auto-import:
        specifier: ^19.0.0
        version: 19.0.0(@nuxt/kit@3.15.1(rollup@4.30.1))(@vueuse/core@12.5.0(typescript@5.7.3))(rollup@4.30.1)
@ -1506,9 +1509,15 @@ packages:
    resolution: {integrity: sha512-nFRGop/guBa4jLkrgXjaRDm5JPz4x3YpP10m5IQkHpHwlnHUVn1L9smyPl04ohYWhYn9ZcAHgR28Ih2jwta8hw==}
    engines: {node: '>=14'}

+  '@unocss/core@0.62.4':
+    resolution: {integrity: sha512-Cc+Vo6XlaQpyVejkJrrzzWtiK9pgMWzVVBpm9VCVtwZPUjD4GSc+g7VQCPXSsr7m03tmSuRySJx72QcASmauNQ==}
+
  '@unocss/core@66.0.0':
    resolution: {integrity: sha512-PdVbSMHNDDkr++9nkqzsZRAkaU84gxMTEgYbqI7dt2p1DXp/5tomVtmMsr2/whXGYKRiUc0xZ3p4Pzraz8TcXA==}

+  '@unocss/extractor-arbitrary-variants@0.62.4':
+    resolution: {integrity: sha512-e4hJfBMyFr6T6dYSTTjNv9CQwaU1CVEKxDlYP0GpfSgxsV58pguID9j1mt0/XZD6LvEDzwxj9RTRWKpUSWqp+Q==}
+
  '@unocss/extractor-arbitrary-variants@66.0.0':
    resolution: {integrity: sha512-vlkOIOuwBfaFBJcN6o7+obXjigjOlzVFN/jT6pG1WXbQDTRZ021jeF3i9INdb9D/0cQHSeDvNgi1TJ5oUxfiow==}

@ -1527,6 +1536,9 @@ packages:
  '@unocss/preset-icons@66.0.0':
    resolution: {integrity: sha512-6ObwTvEGuPBbKWRoMMiDioHtwwQTFI5oojFLJ32Y8tW6TdXvBLkO88d7qpgQxEjgVt4nJrqF1WEfR4niRgBm0Q==}

+  '@unocss/preset-mini@0.62.4':
+    resolution: {integrity: sha512-1O+QpQFx7FT61aheAZEYemW5e4AGib8TFGm+rWLudKq2IBNnXHcS5xsq5QvqdC7rp9Dn3lnW5du6ijow5kCBuw==}
+
  '@unocss/preset-mini@66.0.0':
    resolution: {integrity: sha512-d62eACnuKtR0dwCFOQXgvw5VLh5YSyK56xCzpHkh0j0GstgfDLfKTys0T/XVAAvdSvAy/8A8vhSNJ4PlIc9V2A==}

@ -1554,6 +1566,10 @@ packages:
  '@unocss/reset@66.0.0':
    resolution: {integrity: sha512-YLFz/5yT7mFJC8JSmIUA5+bS3CBCJbtztOw+8rWzjQr/BEVSGuihWUUpI2Df6VVxXIXxKanZR6mIl59yvf+GEA==}

+  '@unocss/rule-utils@0.62.4':
+    resolution: {integrity: sha512-XUwLbLUzL+VSHCJNK5QBHC9RbFehumge1/XJmsRfmh0+oxgJoO1gvEvxi57gYEmdJdMRJHRJZ66se6+cB0Ymvw==}
+    engines: {node: '>=14'}
+
  '@unocss/rule-utils@66.0.0':
    resolution: {integrity: sha512-UJ51YHbwxYTGyj35ugsPlOT4gaa7tCbXdywZ3m5Nn0JgywwIqGmBFyiN9ZjHBHfJuDxmmPd6lxojoBscih/WMQ==}
    engines: {node: '>=14'}
@ -4858,6 +4874,17 @@ packages:
    resolution: {integrity: sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==}
    engines: {node: '>= 10.0.0'}

+  unocss-preset-chinese@0.3.3:
+    resolution: {integrity: sha512-t6AZ5HMb2pMwSuBp1ntVViKUwPufLWRELoptkAIQrK53j9CtGU3wGXGcpas8HQXaG5fzSpwmGRJagB+7bz1ZZw==}
+    peerDependencies:
+      '@unocss/nuxt': '*'
+      unocss: '*'
+    peerDependenciesMeta:
+      '@unocss/nuxt':
+        optional: true
+      unocss:
+        optional: true
+
  unocss@66.0.0:
    resolution: {integrity: sha512-SHstiv1s7zGPSjzOsADzlwRhQM+6817+OqQE3Fv+N/nn2QLNx1bi3WXybFfz5tWkzBtyTZlwdPmeecsIs1yOCA==}
    engines: {node: '>=14'}
@ -6532,8 +6559,14 @@ snapshots:
      '@unocss/core': 66.0.0
      unconfig: 7.0.0

+  '@unocss/core@0.62.4': {}
+
  '@unocss/core@66.0.0': {}

+  '@unocss/extractor-arbitrary-variants@0.62.4':
+    dependencies:
+      '@unocss/core': 0.62.4
+
  '@unocss/extractor-arbitrary-variants@66.0.0':
    dependencies:
      '@unocss/core': 66.0.0
@ -6570,6 +6603,12 @@ snapshots:
    transitivePeerDependencies:
      - supports-color

+  '@unocss/preset-mini@0.62.4':
+    dependencies:
+      '@unocss/core': 0.62.4
+      '@unocss/extractor-arbitrary-variants': 0.62.4
+      '@unocss/rule-utils': 0.62.4
+
  '@unocss/preset-mini@66.0.0':
    dependencies:
      '@unocss/core': 66.0.0
@ -6613,6 +6652,11 @@ snapshots:

  '@unocss/reset@66.0.0': {}

+  '@unocss/rule-utils@0.62.4':
+    dependencies:
+      '@unocss/core': 0.62.4
+      magic-string: 0.30.17
+
  '@unocss/rule-utils@66.0.0':
    dependencies:
      '@unocss/core': 66.0.0
@ -10208,6 +10252,13 @@ snapshots:

  universalify@2.0.1: {}

+  unocss-preset-chinese@0.3.3(unocss@66.0.0(postcss@8.5.1)(vite@6.1.0(@types/node@22.13.1)(jiti@2.4.2)(less@4.2.2)(sass-embedded@1.83.4)(terser@5.38.2)(tsx@4.19.2)(yaml@2.7.0))(vue@3.5.13(typescript@5.7.3))):
+    dependencies:
+      '@unocss/core': 0.62.4
+      '@unocss/preset-mini': 0.62.4
+    optionalDependencies:
+      unocss: 66.0.0(postcss@8.5.1)(vite@6.1.0(@types/node@22.13.1)(jiti@2.4.2)(less@4.2.2)(sass-embedded@1.83.4)(terser@5.38.2)(tsx@4.19.2)(yaml@2.7.0))(vue@3.5.13(typescript@5.7.3))
+
  unocss@66.0.0(postcss@8.5.1)(vite@6.1.0(@types/node@22.13.1)(jiti@2.4.2)(less@4.2.2)(sass-embedded@1.83.4)(terser@5.38.2)(tsx@4.19.2)(yaml@2.7.0))(vue@3.5.13(typescript@5.7.3)):
    dependencies:
      '@unocss/astro': 66.0.0(vite@6.1.0(@types/node@22.13.1)(jiti@2.4.2)(less@4.2.2)(sass-embedded@1.83.4)(terser@5.38.2)(tsx@4.19.2)(yaml@2.7.0))(vue@3.5.13(typescript@5.7.3))
--- a/src/pages/index.page.vue
+++ b/src/pages/index.page.vue
@ -47,6 +47,11 @@ const FComponent: import('vue').FunctionalComponent<{ prop: string }> = (props,
  <SendSms class="mt-2!" />
  <div b="1px solid pink" mt-2 p-2>commit: {{ VITE_BUILD_COMMIT }}</div>

+  <p class="mt-2" b="1px solid pink">
+    unocss-preset-chinese 中文<span class="chinese">排版</span
+    ><br />https://unocss-preset-chinese-playground.vercel.app/
+  </p>
+
  <div :class="$style.hero" mt-2>
    <h1><i>🔌</i> Vite Plugin Webfont DL <i>⚡</i></h1>
    <h2>Fonts are downloaded directly from Google Fonts</h2>
--- a/typed-router.d.ts
+++ b/typed-router.d.ts
@ -20,7 +20,7 @@ declare module 'vue-router/auto-routes' {
  export interface RouteNamedMap {
    'Root': RouteRecordInfo<'Root', '/', Record<never, never>, Record<never, never>>,
    '$Path': RouteRecordInfo<'$Path', '/:path(.*)', { path: ParamValue<true> }, { path: ParamValue<false> }>,
-    'API': RouteRecordInfo<'API', '/API', Record<never, never>, Record<never, never>>,
+    'Api': RouteRecordInfo<'Api', '/api', Record<never, never>, Record<never, never>>,
    'DataLoadersId': RouteRecordInfo<'DataLoadersId', '/data-loaders/:id', { id: ParamValue<true> }, { id: ParamValue<false> }>,
    'DataLoadersIdSub1UserId': RouteRecordInfo<'DataLoadersIdSub1UserId', '/data-loaders/:id/sub-1/:userId', { id: ParamValue<true>, userId: ParamValue<true> }, { id: ParamValue<false>, userId: ParamValue<false> }>,
    'Fonts': RouteRecordInfo<'Fonts', '/fonts', Record<never, never>, Record<never, never>>,
--- a/unocss.config.ts
+++ b/unocss.config.ts
@ -1,5 +1,6 @@
 // https://github.dev/unocss/unocss/tree/main/examples/vite-vue3
-import { defineConfig, presetAttributify, presetUno, transformerDirectives, transformerVariantGroup } from 'unocss';
+import { defineConfig, presetAttributify, presetWind3, transformerDirectives, transformerVariantGroup } from 'unocss';
+import presetChinese, { chineseTypography } from 'unocss-preset-chinese';

 export default defineConfig({
  theme: {
@ -49,12 +50,16 @@ export default defineConfig({
    },
  ],
  presets: [
-    presetUno({
+    presetWind3({
      /* prefix: "u-", */
      dark: {
        dark: '.app-dark',
      },
    }),
+    chineseTypography(),
+    presetChinese({
+      chineseType: 'simplified', // 指定文本为简体中文
+    }),

    // https://unocss.dev/presets/attributify
    presetAttributify(),