chore: up deps

.github/workflows/dependency-review.yml

@@ -4,7 +4,7 @@
 #
 # Source repository: https://github.com/actions/dependency-review-action
 # Public documentation: https://docs.github.com/en/code-security/supply-chain-security/understanding-your-software-supply-chain/about-dependency-review#dependency-review-enforcement
-name: 'Dependency Review'
+name: Dependency Review
 on: [pull_request]
 
 permissions:
@@ -14,7 +14,7 @@ jobs:
   dependency-review:
     runs-on: ubuntu-latest
     steps:
-      - name: 'Checkout Repository'
+      - name: Checkout Repository
         uses: actions/checkout@v3
-      - name: 'Dependency Review'
+      - name: Dependency Review
         uses: actions/dependency-review-action@v2

.github/workflows/release.yml

@@ -1,24 +1,24 @@
 name: Release
 
 on:
-    push:
-        tags:
-            - "v*"
+  push:
+    tags:
+      - 'v*'
 
 jobs:
-    release:
-        runs-on: ubuntu-latest
-        steps:
-            - uses: actions/checkout@v3
-              with:
-                  fetch-depth: 0
-            - name: Set node
-              uses: actions/setup-node@v3
-              with:
-                  node-version: 16.x
-                  registry-url: "https://registry.npmjs.org"
+  release:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+      - name: Set node
+        uses: actions/setup-node@v3
+        with:
+          node-version: 16.x
+          registry-url: 'https://registry.npmjs.org'
 
-            - run: npx changelogithub
-              continue-on-error: true
-              env:
-                  GITHUB_TOKEN: ${{secrets.GITHUB_TOKEN}}
+      - run: npx changelogithub
+        continue-on-error: true
+        env:
+          GITHUB_TOKEN: ${{secrets.GITHUB_TOKEN}}

.gitignore

@@ -42,9 +42,6 @@ coverage
 *.lcov
 .nyc_output
 
-# VSCode
-.vscode
-
 # Intellij idea
 *.iml
 .idea
@@ -60,3 +57,4 @@ Temporary Items
 .apdisk
 
 
+.eslintcache

.vscode/settings.json

@@ -0,0 +1,36 @@
+{
+  // Enable the ESlint flat config support
+  "eslint.experimental.useFlatConfig": true,
+
+  // Disable the default formatter, use eslint instead
+  "prettier.enable": false,
+  "editor.formatOnSave": false,
+
+  // Auto fix
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit",
+    "source.organizeImports": "never"
+  },
+
+  // Enable eslint for all supported languages
+  "eslint.validate": [
+    "javascript",
+    "javascriptreact",
+    "typescript",
+    "typescriptreact",
+    "vue",
+    "html",
+    "markdown",
+    "json",
+    "jsonc",
+    "yaml",
+    "toml"
+  ],
+
+  "pair-diff.patterns": [
+    {
+      "source": "./fixtures/output/**/*.*",
+      "target": "./fixtures/input/<base>"
+    }
+  ]
+}

README.md

@@ -32,20 +32,21 @@ import { HiItem, HiSelection } from "hoci";
 
 export default defineComponent(() => {
   const modelValue = ref("abc");
-  return () => (<div>
-    <HiSelection
-      class="flex flex-col"
-      activeClass="bg-blue-500"
-      unactiveClass="bg-gray-500"
-      itemClass="p-2 mx-2"
-      v-model={modelValue.value}
-    >
-      <HiItem value="abc"></HiItem>
-      <HiItem value="def"></HiItem>
-    </HiSelection>
-  </div>);
+  return () => (
+    <div>
+      <HiSelection
+        class="flex flex-col"
+        activeClass="bg-blue-500"
+        unactiveClass="bg-gray-500"
+        itemClass="p-2 mx-2"
+        v-model={modelValue.value}
+      >
+        <HiItem value="abc"></HiItem>
+        <HiItem value="def"></HiItem>
+      </HiSelection>
+    </div>
+  );
 });
-
 ```
 
 ## Development

docs/.vitepress/components/demo-block/src/playground.ts

@@ -6,7 +6,7 @@ function utoa(data: string) {
 
 const MAIN_FILE_NAME = "App.vue";
 
-export const usePlayground = (source: string) => {
+export function usePlayground(source: string) {
   const code = decodeURIComponent(source);
   const originCode = {
     [MAIN_FILE_NAME]: code
@@ -18,4 +18,4 @@ export const usePlayground = (source: string) => {
     encoded,
     link
   };
-};
+}

docs/.vitepress/config.ts

@@ -2,16 +2,16 @@ import { defineConfig } from "vitepress";
 import type { DefaultTheme } from "vitepress/types/default-theme";
 import { applyPlugins } from "./plugins/code";
 
-const guideSidebar = (): DefaultTheme.SidebarItem[] => {
+function guideSidebar(): DefaultTheme.SidebarItem[] {
   return [
     {
       text: "快速开始",
       link: "quickstart"
     }
   ];
-};
+}
 
-const componentSidebar = (): DefaultTheme.SidebarItem[] => {
+function componentSidebar(): DefaultTheme.SidebarItem[] {
   return [
     {
       text: "Affix (固钉)",
@@ -26,7 +26,7 @@ const componentSidebar = (): DefaultTheme.SidebarItem[] => {
       link: "popover"
     }
   ];
-};
+}
 
 // https://vitepress.dev/reference/site-config
 export default defineConfig({

docs/.vitepress/plugins/code/types.ts

@@ -1,7 +1,7 @@
 export interface DemoInfos {
-  title?: string
-  desc?: string
-  path: string
-  code: string
-  lang?: string
+  title?: string;
+  desc?: string;
+  path: string;
+  code: string;
+  lang?: string;
 }

docs/.vitepress/plugins/code/utils.ts

@@ -81,7 +81,7 @@ function injectImportStatement(
   const tags = env.sfcBlocks.scripts as { content: string }[];
 
   const isUsingTS
-    = tags.findIndex(tag => scriptLangTsRE.test(tag.content)) > -1;
+    = tags.findIndex((tag) => scriptLangTsRE.test(tag.content)) > -1;
   const existingSetupScriptIndex = tags?.findIndex((tag) => {
     return (
       scriptRE.test(tag.content)

docs/.vitepress/theme/index.ts

@@ -1,4 +1,5 @@
 import "uno.css";
+
 // https://vitepress.dev/guide/custom-theme
 import { watch } from "vue";
 import Theme from "vitepress/theme";

docs/component/affix.md

@@ -1,17 +1,12 @@
 ## Basic Usage (基本使用)
 <demo src="../examples/affix/basic.vue"/>
 
-
-
 ## Target Container (指定容器)
 <demo src="../examples/affix/container.vue"/>
 
-
-
 ## Fixed Position (固定的相对方向)
 <demo src="../examples/affix/fixed.vue"/>
 
-
 ## Affix Props (参数)
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |

docs/component/popover.md

@@ -3,5 +3,3 @@
 
 ## Placement
 <demo src="../examples/popover/placement.vue"/>
-
-

docs/component/selection.md

@@ -25,12 +25,9 @@
 | update:model-value | 绑定值变化时触发 |
 | change | 选中的元素发生变化时触发 |
 
-
 ## Item Props (参数)
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
 | value | `any` | `undefined` | 元素对应的值 |
 | active-event | `ActiveEvent` | `click` | 触发选中的事件 |
 | disabled | `boolean` | `false` | 是否禁用 |
-
-

docs/examples/selection/basic.vue

@@ -1,5 +1,6 @@
 <script lang="ts" setup>
 import { ref } from "vue";
+
 const activeNum = ref(1);
 </script>
 

docs/guide/quickstart.md

@@ -16,7 +16,6 @@ pnpm add hoci
 
 ## 完整引入
 
-
 ```ts
 import { createApp } from "vue";
 import hoci from "hoci";
@@ -26,7 +25,6 @@ app.use(hoci);
 app.mount("#app");
 ```
 
-
 ## 按需引入
 
 你可以使用unplugin-vue-components按需引入组件
@@ -53,4 +51,3 @@ export default defineConfig({
   ],
 });
 ```
-

docs/index.md

@@ -19,4 +19,3 @@ features:
   - title: Feature C
     details: Lorem ipsum dolor sit amet, consectetur adipiscing elit
 ---
-

docs/package.json

@@ -11,10 +11,10 @@
     "hoci": "workspace:*"
   },
   "devDependencies": {
-    "@iconify-json/carbon": "^1.1.21",
+    "@iconify-json/carbon": "^1.1.30",
     "scss": "^0.2.4",
-    "unocss": "^0.56.5",
-    "unplugin-vue-components": "^0.25.2",
-    "vitepress": "^1.0.0-rc.22"
+    "unocss": "^0.58.5",
+    "unplugin-vue-components": "^0.26.0",
+    "vitepress": "^1.0.0-rc.44"
   }
 }

docs/vite.config.ts

@@ -4,6 +4,7 @@ import { presetIcons, presetUno } from "unocss";
 import Components from "unplugin-vue-components/vite";
 import { HociResolver } from "hoci/resolver";
 import { alias } from "../alias";
+
 export default defineConfig({
   optimizeDeps: {
     exclude: [

eslint.config.js

@@ -0,0 +1,3 @@
+import { curev } from "@curev/eslint-config";
+
+export default curev();

netlify.toml

@@ -1,10 +1,10 @@
-[build.environment]
-  NETLIFY_USE_PNPM = "true"
-  NODE_VERSION = "16"
-
 [build]
-  publish = "docs/.vitepress/dist"
-  command = "pnpm install && pnpm -w run deploy"
+publish = "docs/.vitepress/dist"
+command = "pnpm install && pnpm -w run deploy"
+
+[build.environment]
+NETLIFY_USE_PNPM = "true"
+NODE_VERSION = "16"
 
 [functions]
-  node_bundler = "esbuild"
+node_bundler = "esbuild"