docs(changelog): vant@3.6.0

* fix(Popover): can not scroll inside popup

* fix: ref

README.md

@@ -67,10 +67,14 @@ pnpm add vant
 
 ```js
 import { createApp } from 'vue';
+// 1. Import the components you need
 import { Button } from 'vant';
+// 2. Import the components style
 import 'vant/lib/index.css';
 
 const app = createApp();
+
+// 3. Register the components you need
 app.use(Button);
 ```
 

README.zh-CN.md

@@ -71,10 +71,14 @@ pnpm add vant
 
 ```js
 import { createApp } from 'vue';
+// 1. 引入你需要的组件
 import { Button } from 'vant';
+// 2. 引入组件样式
 import 'vant/lib/index.css';
 
 const app = createApp();
+
+// 3. 注册你需要的组件
 app.use(Button);
 ```
 

packages/vant-cli/src/commands/build.ts

@@ -12,7 +12,7 @@ import { compileBundles } from '../compiler/compile-bundles.js';
 import { genPackageEntry } from '../compiler/gen-package-entry.js';
 import { genStyleDepsMap } from '../compiler/gen-style-deps-map.js';
 import { genComponentStyle } from '../compiler/gen-component-style.js';
-import { SRC_DIR, LIB_DIR, ES_DIR } from '../common/constant.js';
+import { SRC_DIR, LIB_DIR, ES_DIR, getVantConfig } from '../common/constant.js';
 import { genPackageStyle } from '../compiler/gen-package-style.js';
 import { genWebStormTypes } from '../compiler/web-types/index.js';
 import {
@@ -135,9 +135,10 @@ async function buildPackageStyleEntry() {
 }
 
 async function buildBundledOutputs() {
+  const config = getVantConfig();
   setModuleEnv('esmodule');
   await compileBundles();
-  genWebStormTypes();
+  genWebStormTypes(config.build?.tagPrefix);
 }
 
 const tasks = [

packages/vant-cli/src/compiler/web-types/index.ts

@@ -40,7 +40,7 @@ export async function parseAndWrite(options: Options) {
   );
 }
 
-export function genWebStormTypes() {
+export function genWebStormTypes(tagPrefix?: string) {
   const pkgJson = getPackageJson();
   const vantConfig = getVantConfig();
 
@@ -50,5 +50,6 @@ export function genWebStormTypes() {
     test: /README\.md/,
     version: pkgJson.version,
     outputDir: LIB_DIR,
+    tagPrefix,
   });
 }

packages/vant-use/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vant/use",
-  "version": "1.4.1",
+  "version": "1.4.2",
   "description": "Vant Composition API",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.mjs",

packages/vant-use/src/useClickAway/index.ts

@@ -7,7 +7,10 @@ export type UseClickAwayOptions = {
 };
 
 export function useClickAway(
-  target: Element | Ref<Element | undefined>,
+  target:
+    | Element
+    | Ref<Element | undefined>
+    | Array<Element | Ref<Element | undefined>>,
   listener: EventListener,
   options: UseClickAwayOptions = {}
 ) {
@@ -18,8 +21,13 @@ export function useClickAway(
   const { eventName = 'click' } = options;
 
   const onClick = (event: Event) => {
-    const element = unref(target);
-    if (element && !element.contains(event.target as Node)) {
+    const targets = Array.isArray(target) ? target : [target];
+    const isClickAway = targets.every((item) => {
+      const element = unref(item);
+      return element && !element.contains(event.target as Node);
+    });
+
+    if (isClickAway) {
       listener(event);
     }
   };

packages/vant/docs/markdown/changelog.en-US.md

@@ -19,6 +19,32 @@ Vant follows [Semantic Versioning 2.0.0](https://semver.org/lang/zh-CN/).
 
 ## Details
 
+### [v3.6.0](https://github.com/vant-ui/vant/compare/v3.5.3...v3.6.0)
+
+`2022-08-21`
+
+**New Component**
+
+- Add new component [Space](#/en-US/space), contributed by [@LadyChatterleyLover](https://github.com/LadyChatterleyLover) [#10857](https://github.com/vant-ui/vant/issues/10857)
+
+**Feature**
+
+- ConfigProvider: add z-index prop [#10915](https://github.com/vant-ui/vant/issues/10915)
+- Form: add validateEmpty option of rule [#10913](https://github.com/vant-ui/vant/issues/10913)
+- Popup: add role and tabindex for a11y [#10894](https://github.com/vant-ui/vant/issues/10894)
+- TouchEmulator: support .mjs extension [#10888](https://github.com/vant-ui/vant/issues/10888)
+
+**Bug Fixes**
+
+- Fix incorrect tag name in WebStorm [#10946](https://github.com/vant-ui/vant/issues/10946)
+- Badge: should hide string zero when using show-zero prop [#10921](https://github.com/vant-ui/vant/issues/10921)
+- Calendar: content disappeared when hiding [#10910](https://github.com/vant-ui/vant/issues/10910)
+- Calendar: reading getFullYear error in some cases [#10909](https://github.com/vant-ui/vant/issues/10909)
+- Empty: generate unique id to avoid render issue [#10943](https://github.com/vant-ui/vant/issues/10943)
+- Popover: can not scroll inside popup [#10949](https://github.com/vant-ui/vant/issues/10949)
+- PullRefresh: fix passive event warning [#10938](https://github.com/vant-ui/vant/issues/10938)
+- Search: --van-search-input-height var not work [#10911](https://github.com/vant-ui/vant/issues/10911)
+
 ### [v3.5.4](https://github.com/vant-ui/vant/compare/v3.5.3...v3.5.4)
 
 `2022-08-06`

packages/vant/docs/markdown/changelog.zh-CN.md

@@ -19,13 +19,39 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 
 ## 更新内容
 
+### [v3.6.0](https://github.com/vant-ui/vant/compare/v3.5.3...v3.6.0)
+
+`2022-08-21`
+
+**New Component**
+
+- 新增 [Space 间距](#/zh-CN/space) 组件, 由 [@LadyChatterleyLover](https://github.com/LadyChatterleyLover) 贡献 [#10857](https://github.com/vant-ui/vant/issues/10857)
+
+**Feature**
+
+- ConfigProvider: 新增 z-index 属性，用于设置弹窗组件的 z-index [#10915](https://github.com/vant-ui/vant/issues/10915)
+- Form: 新增 rule 的 validateEmpty 选项 [#10913](https://github.com/vant-ui/vant/issues/10913)
+- Popup: 新增 role 和 tabindex，优化无障碍访问 [#10894](https://github.com/vant-ui/vant/issues/10894)
+- TouchEmulator: 支持 .mjs 后缀 [#10888](https://github.com/vant-ui/vant/issues/10888)
+
+**Bug Fixes**
+
+- 修复在 WebStorm 下标签无法自动补全的问题 [#10946](https://github.com/vant-ui/vant/issues/10946)
+- Badge: 修复使用 show-zero 时字符串 `'0'` 不生效的问题 [#10921](https://github.com/vant-ui/vant/issues/10921)
+- Calendar: 修复关闭弹窗过程中内容白屏的问题 [#10910](https://github.com/vant-ui/vant/issues/10910)
+- Calendar: 修复控制台出现读取 getFullYear 异常的问题 [#10909](https://github.com/vant-ui/vant/issues/10909)
+- Empty: 修复在 Tab 下嵌套使用时渲染异常的问题 [#10943](https://github.com/vant-ui/vant/issues/10943)
+- Popover: 修复在 Popup 下嵌套使用时无法滚动的问题 [#10949](https://github.com/vant-ui/vant/issues/10949)
+- PullRefresh: 修复 Chrome 控制台出现 passive event warning 的问题 [#10938](https://github.com/vant-ui/vant/issues/10938)
+- Search: 修复 --van-search-input-height 样式变量不生效的问题 [#10911](https://github.com/vant-ui/vant/issues/10911)
+
 ### [v3.5.4](https://github.com/vant-ui/vant/compare/v3.5.3...v3.5.4)
 
 `2022-08-06`
 
 **Bug Fixes**
 
-- 修复 CDN 资源中包含 `process.env.NODE_ENV` 导致报错的问题 [#10887](https://github.com/vant-ui/vant/issues/10887)
+- 修复 CDN 资源中包含 `NODE_ENV` 导致报错的问题 [#10887](https://github.com/vant-ui/vant/issues/10887)
 
 ### [v3.5.3](https://github.com/vant-ui/vant/compare/v3.5.2...v3.5.3)
 

packages/vant/docs/markdown/quickstart.en-US.md

@@ -26,7 +26,7 @@ pnpm add vant
 
 ### CDN
 
-The easiest way to use Vant is to include a CDN link in the html file, after which you can access all components via the global variable `vant`.
+The easiest way to use Vant is to include a CDN link in the HTML file, after which you can access all components via the global variable `vant`.
 
 ```html
 <!-- import style -->
@@ -92,9 +92,28 @@ In the GUI, click on 'Dependencies' -> `Install Dependencies` and add `vant` to
 
 ## Usage
 
-### Import on demand (recommended)
+### Basic Usage
 
-If you are using vite, webpack or vue-cli, please use [unplugin-vue-components](https://github.com/antfu/unplugin-vue-components).
+The basic usage of Vant components;
+
+```js
+import { createApp } from 'vue';
+// 1. Import the components you need
+import { Button } from 'vant';
+// 2. Import the components style
+import 'vant/lib/index.css';
+
+const app = createApp();
+
+// 3. Register the components you need
+app.use(Button);
+```
+
+> Tip: Vant supports Tree Shaking by default, so you don't need to configure any plugins, the unused JS code will be removed by Tree Shaking, but CSS styles cannot be optimized by it.
+
+### Import on demand
+
+If you are using vite, webpack or vue-cli, you can use [unplugin-vue-components](https://github.com/antfu/unplugin-vue-components), this plugin can help you to auto importing components and reduce CSS file size.
 
 #### 1. Install Plugin
 
@@ -160,16 +179,14 @@ module.exports = {
 };
 ```
 
-#### 3. Import Components
+#### 3. Using Components
 
-Then you can import components from Vant:
+Then you can using components from Vant in the template, the `unplugin-vue-components` will automatically import the corresponding Vant components.
 
-```js
-import { createApp } from 'vue';
-import { Button } from 'vant';
-
-const app = createApp();
-app.use(Button);
+```html
+<template>
+  <van-button type="primary" />
+</template>
 ```
 
 #### 4. Style of Function Components
@@ -194,27 +211,4 @@ import { ImagePreview } from 'vant';
 import 'vant/es/image-preview/style';
 ```
 
-> Vant supports tree shaking by default, so you don't necessarily need the webpack plugin, if you can't accept the full import of css.
-
-### Import all components (not recommended)
-
-Import all components will **increase the bundle size**, so this is not recommended.
-
-```js
-import { createApp } from 'vue';
-import Vant from 'vant';
-import 'vant/lib/index.css';
-
-const app = createApp();
-app.use(Vant);
-```
-
-### Manually import (not recommended)
-
-```js
-// import script
-import Button from 'vant/es/button/index';
-// import style
-// if the component does not have a style file, there is no need to import
-import 'vant/es/button/style/index';
-```
+> Tip: "Full Import" and "On-demand Import" should not be used at the same time, otherwise it will lead to problems such as code duplication and style overrides.

packages/vant/docs/markdown/quickstart.zh-CN.md

@@ -30,7 +30,7 @@ pnpm add vant
 
 ### 通过 CDN 安装
 
-使用 Vant 最简单的方法是直接在 html 文件中引入 CDN 链接，之后你可以通过全局变量 `vant` 访问到所有组件。
+使用 Vant 最简单的方法是直接在 HTML 文件中引入 CDN 链接，之后你可以通过全局变量 `vant` 访问到所有组件。
 
 ```html
 <!-- 引入样式文件 -->
@@ -93,9 +93,32 @@ pnpm add vant
 
 ## 引入组件
 
-### 按需引入组件（推荐）
+### 方法一. 基础用法
 
-在基于 `vite`、`webpack` 或 `vue-cli` 的项目中使用 Vant 时，推荐安装 [unplugin-vue-components](https://github.com/antfu/unplugin-vue-components) 插件，它可以自动按需引入组件。
+下面是使用 Vant 组件的基础用法示例：
+
+```js
+import { createApp } from 'vue';
+// 1. 引入你需要的组件
+import { Button } from 'vant';
+// 2. 引入组件样式
+import 'vant/lib/index.css';
+
+const app = createApp();
+
+// 3. 注册你需要的组件
+app.use(Button);
+```
+
+Vant 支持多种组件注册方式，除了在 app 上全局注册组件，你也可以选择其他的方式，详见 [组件注册](#/zh-CN/advanced-usage#zu-jian-zhu-ce) 章节。
+
+> 提示：Vant 默认支持 Tree Shaking，因此你不需要配置任何插件，通过 Tree Shaking 即可移除不需要的 JS 代码，但 CSS 样式无法通过这种方式优化，如果需要按需引入 CSS 样式，请参考下面的方法二。
+
+### 方法二. 按需引入组件
+
+在基于 `vite`、`webpack` 或 `vue-cli` 的项目中使用 Vant 时，可以使用 [unplugin-vue-components](https://github.com/antfu/unplugin-vue-components) 插件，它可以自动引入组件，并按需引入组件的样式。
+
+相比于基础用法，这种方式可以按需引入组件的 CSS 样式，从而减少一部分代码体积。
 
 #### 1. 安装插件
 
@@ -161,16 +184,14 @@ module.exports = {
 };
 ```
 
-#### 3. 引入组件
+#### 3. 使用组件
 
-完成以上两步，就可以直接使用 Vant 组件了：
+完成以上两步，就可以直接在模板中使用 Vant 组件了，`unplugin-vue-components` 会解析模板并自动注册对应的组件。
 
-```js
-import { createApp } from 'vue';
-import { Button } from 'vant';
-
-const app = createApp();
-app.use(Button);
+```html
+<template>
+  <van-button type="primary" />
+</template>
 ```
 
 #### 4. 引入函数组件的样式
@@ -195,31 +216,4 @@ import { ImagePreview } from 'vant';
 import 'vant/es/image-preview/style';
 ```
 
-> 注意：Vant 支持 Tree Shaking，因此你也可以不配置任何插件，通过 Tree Shaking 即可移除不需要的 JS 代码，但 CSS 无法通过这种方式优化。
-
-### 导入所有组件（不推荐）
-
-Vant 支持一次性导入所有组件，引入所有组件会**增加代码包体积**，因此不推荐这种做法。
-
-```js
-import { createApp } from 'vue';
-import Vant from 'vant';
-import 'vant/lib/index.css';
-
-const app = createApp();
-app.use(Vant);
-```
-
 > 提示：在单个项目中不应该同时使用「全量引入」和「按需引入」，否则会导致代码重复、样式错乱等问题。
-
-### 手动按需引入组件（不推荐）
-
-在不使用任何构建插件的情况下，可以手动引入需要使用的组件和样式。
-
-```js
-// 引入组件脚本
-import Button from 'vant/es/button/index';
-// 引入组件样式
-// 若组件没有样式文件，则无须引入
-import 'vant/es/button/style/index';
-```

packages/vant/docs/markdown/use-click-away.en-US.md

@@ -74,7 +74,7 @@ function useClickAway(
 
 | Name | Description | Type | Default Value |
 | --- | --- | --- | --- |
-| target | Target element | _Element \| Ref\<Element>_ | - |
+| target | Target element, support multiple elements | _Element \| Ref\<Element> \| Array\<Element \| Ref\<Element>>_ | - |
 | listener | Callback function when the outside is clicked | _EventListener_ | - |
 | options | Options | _Options_ | `{ eventName: 'click' }` |
 

packages/vant/docs/markdown/use-click-away.zh-CN.md

@@ -74,11 +74,11 @@ function useClickAway(
 
 ### 参数
 
-| 参数     | 说明                     | 类型                       | 默认值 |
-| -------- | ------------------------ | -------------------------- | ------ |
-| target   | 绑定事件的元素           | _Element \| Ref\<Element>_ | -      |
-| listener | 点击外部时触发的回调函数 | _EventListener_            | -      |
-| options  | 可选的配置项             | _Options_                  | 见下表 |
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| target | 绑定事件的元素，支持传入数组来绑定多个元素 | _Element \| Ref\<Element> \| Array\<Element \| Ref\<Element>>_ | - |
+| listener | 点击外部时触发的回调函数 | _EventListener_ | - |
+| options | 可选的配置项 | _Options_ | 见下表 |
 
 ### Options
 

packages/vant/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vant",
-  "version": "3.5.4",
+  "version": "3.6.0",
   "description": "Lightweight Mobile UI Components built on Vue",
   "main": "lib/vant.cjs.js",
   "module": "es/index.mjs",
@@ -46,7 +46,7 @@
   "dependencies": {
     "@vant/icons": "^1.8.0",
     "@vant/popperjs": "^1.2.1",
-    "@vant/use": "^1.4.1"
+    "@vant/use": "^1.4.2"
   },
   "peerDependencies": {
     "vue": "^3.0.0"

packages/vant/src/composables/use-lock-scroll.ts

@@ -12,11 +12,13 @@ export function useLockScroll(
   shouldLock: () => boolean
 ) {
   const touch = useTouch();
+  const DIRECTION_UP = '01';
+  const DIRECTION_DOWN = '10';
 
   const onTouchMove = (event: TouchEvent) => {
     touch.move(event);
 
-    const direction = touch.deltaY.value > 0 ? '10' : '01';
+    const direction = touch.deltaY.value > 0 ? DIRECTION_DOWN : DIRECTION_UP;
     const el = getScrollParent(
       event.target as Element,
       rootRef.value

packages/vant/src/popover/Popover.tsx

@@ -3,6 +3,7 @@ import {
   watch,
   nextTick,
   onMounted,
+  watchEffect,
   onBeforeUnmount,
   defineComponent,
   type PropType,
@@ -90,6 +91,7 @@ export default defineComponent({
   setup(props, { emit, slots, attrs }) {
     let popper: Instance | null;
 
+    const popupRef = ref<HTMLElement>();
     const wrapperRef = ref<HTMLElement>();
     const popoverRef = ref<ComponentInstance>();
 
@@ -144,11 +146,6 @@ export default defineComponent({
       }
     };
 
-    const onTouchstart = (event: TouchEvent) => {
-      event.stopPropagation();
-      emit('touchstart', event);
-    };
-
     const onClickAction = (action: PopoverAction, index: number) => {
       if (action.disabled) {
         return;
@@ -163,6 +160,7 @@ export default defineComponent({
 
     const onClickAway = () => {
       if (
+        props.show &&
         props.closeOnClickOutside &&
         (!props.overlay || props.closeOnClickOverlay)
       ) {
@@ -203,7 +201,13 @@ export default defineComponent({
       );
     };
 
-    onMounted(updateLocation);
+    onMounted(() => {
+      updateLocation();
+      watchEffect(() => {
+        popupRef.value = popoverRef.value?.popupRef.value;
+      });
+    });
+
     onBeforeUnmount(() => {
       if (popper) {
         popper.destroy();
@@ -213,7 +217,9 @@ export default defineComponent({
 
     watch(() => [props.show, props.offset, props.placement], updateLocation);
 
-    useClickAway(wrapperRef, onClickAway, { eventName: 'touchstart' });
+    useClickAway([wrapperRef, popupRef], onClickAway, {
+      eventName: 'touchstart',
+    });
 
     return () => (
       <>
@@ -226,7 +232,6 @@ export default defineComponent({
           position={''}
           transition="van-popover-zoom"
           lockScroll={false}
-          onTouchstart={onTouchstart}
           onUpdate:show={updateShow}
           {...attrs}
           {...pick(props, popupProps)}

packages/vant/vant.config.mjs

@@ -2,6 +2,7 @@ export default {
   name: 'vant',
   build: {
     srcDir: 'src',
+    tagPrefix: 'van-',
     namedExport: true,
     skipInstall: ['lazyload'],
     packageManager: 'pnpm',

pnpm-lock.yaml

@@ -51,7 +51,7 @@ importers:
       '@vant/eslint-config': workspace:*
       '@vant/icons': ^1.8.0
       '@vant/popperjs': ^1.2.1
-      '@vant/use': ^1.4.1
+      '@vant/use': ^1.4.2
       '@vue/runtime-core': ^3.2.27
       '@vue/test-utils': ^2.0.1
       typescript: ^4.7.4
@@ -199,7 +199,7 @@ importers:
       '@typescript-eslint/parser': 5.30.3_eslint@8.19.0+typescript@4.7.4
       eslint-config-airbnb-base: 15.0.0_86af6c937a18f7b068a2d4281b478827
       eslint-config-prettier: 8.5.0_eslint@8.19.0
-      eslint-plugin-import: 2.26.0_eslint@8.19.0
+      eslint-plugin-import: 2.26.0_b991b8cc37fbaea14375bc1442f912c5
       eslint-plugin-vue: 9.1.1_eslint@8.19.0
     devDependencies:
       enhanced-resolve: 5.10.0
@@ -253,6 +253,9 @@ packages:
     peerDependencies:
       '@algolia/client-search': ^4.9.1
       algoliasearch: ^4.9.1
+    peerDependenciesMeta:
+      '@algolia/client-search':
+        optional: true
     dependencies:
       '@algolia/autocomplete-shared': 1.7.1
       algoliasearch: 4.13.1
@@ -800,6 +803,13 @@ packages:
       '@types/react': '>= 16.8.0 < 19.0.0'
       react: '>= 16.8.0 < 19.0.0'
       react-dom: '>= 16.8.0 < 19.0.0'
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      react:
+        optional: true
+      react-dom:
+        optional: true
     dependencies:
       '@algolia/autocomplete-core': 1.7.1
       '@algolia/autocomplete-preset-algolia': 1.7.1_algoliasearch@4.13.1
@@ -1601,14 +1611,12 @@ packages:
       '@vue/shared': 3.2.37
       estree-walker: 2.0.2
       source-map: 0.6.1
-    dev: true
 
   /@vue/compiler-dom/3.2.37:
     resolution: {integrity: sha512-yxJLH167fucHKxaqXpYk7x8z7mMEnXOw3G2q62FTkmsvNxu4FQSu5+3UMb+L7fjKa26DEzhrmCxAgFLLIzVfqQ==}
     dependencies:
       '@vue/compiler-core': 3.2.37
       '@vue/shared': 3.2.37
-    dev: true
 
   /@vue/compiler-sfc/3.2.37:
     resolution: {integrity: sha512-+7i/2+9LYlpqDv+KTtWhOZH+pa8/HnX/905MdVmAcI/mPQOBwkHHIzrsEsucyOIZQYMkXUiTkmZq5am/NyXKkg==}
@@ -1623,14 +1631,12 @@ packages:
       magic-string: 0.25.9
       postcss: 8.4.14
       source-map: 0.6.1
-    dev: true
 
   /@vue/compiler-ssr/3.2.37:
     resolution: {integrity: sha512-7mQJD7HdXxQjktmsWp/J67lThEIcxLemz1Vb5I6rYJHR5vI+lON3nPGOH3ubmbvYGt8xEUaAr1j7/tIFWiEOqw==}
     dependencies:
       '@vue/compiler-dom': 3.2.37
       '@vue/shared': 3.2.37
-    dev: true
 
   /@vue/devtools-api/6.2.0:
     resolution: {integrity: sha512-pF1G4wky+hkifDiZSWn8xfuLOJI1ZXtuambpBEYaf7Xaf6zC/pM29rvAGpd3qaGXnr4BAXU1Pxz/VfvBGwexGA==}
@@ -1643,20 +1649,17 @@ packages:
       '@vue/shared': 3.2.37
       estree-walker: 2.0.2
       magic-string: 0.25.9
-    dev: true
 
   /@vue/reactivity/3.2.37:
     resolution: {integrity: sha512-/7WRafBOshOc6m3F7plwzPeCu/RCVv9uMpOwa/5PiY1Zz+WLVRWiy0MYKwmg19KBdGtFWsmZ4cD+LOdVPcs52A==}
     dependencies:
       '@vue/shared': 3.2.37
-    dev: true
 
   /@vue/runtime-core/3.2.37:
     resolution: {integrity: sha512-JPcd9kFyEdXLl/i0ClS7lwgcs0QpUAWj+SKX2ZC3ANKi1U4DOtiEr6cRqFXsPwY5u1L9fAjkinIdB8Rz3FoYNQ==}
     dependencies:
       '@vue/reactivity': 3.2.37
       '@vue/shared': 3.2.37
-    dev: true
 
   /@vue/runtime-dom/3.2.37:
     resolution: {integrity: sha512-HimKdh9BepShW6YozwRKAYjYQWg9mQn63RGEiSswMbW+ssIht1MILYlVGkAGGQbkhSh31PCdoUcfiu4apXJoPw==}
@@ -1664,7 +1667,6 @@ packages:
       '@vue/runtime-core': 3.2.37
       '@vue/shared': 3.2.37
       csstype: 2.6.20
-    dev: true
 
   /@vue/server-renderer/3.2.37_vue@3.2.37:
     resolution: {integrity: sha512-kLITEJvaYgZQ2h47hIzPh2K3jG8c1zCVbp/o/bzQOyvzaKiCquKS7AaioPI28GNxIsE/zSx+EwWYsNxDCX95MA==}
@@ -1674,11 +1676,9 @@ packages:
       '@vue/compiler-ssr': 3.2.37
       '@vue/shared': 3.2.37
       vue: 3.2.37
-    dev: true
 
   /@vue/shared/3.2.37:
     resolution: {integrity: sha512-4rSJemR2NQIo9Klm1vabqWjD8rs/ZaJSzMxkMNeJS6lHiUjjUeYFbooN19NgFjztubEKh3WlZUeOLVdbbUWHsw==}
-    dev: true
 
   /@vue/test-utils/2.0.1_vue@3.2.37:
     resolution: {integrity: sha512-4kt7Sw1gzXeQOsMqrwrQbmEiG8El4MP8P4hfxkmfXdUHf7yHa3xC5CQc0x2YyuhT41w2d4K4O0ZdRvZhGdZlow==}
@@ -2537,7 +2537,6 @@ packages:
 
   /csstype/2.6.20:
     resolution: {integrity: sha512-/WwNkdXfckNgw6S5R125rrW8ez139lBHWouiBvX8dfMFtcn6V81REDqnH7+CRpRipfYlyU1CmOnOxrmGcFOjeA==}
-    dev: true
 
   /dargs/7.0.0:
     resolution: {integrity: sha512-2iy1EkLdlBzQGvbweYRFxmFath8+K7+AKB0TlhHWkNuH+TmovaMH/Wp7V7R4u7f4SnX3OgLsU9t1NI9ioDnUpg==}
@@ -2563,6 +2562,11 @@ packages:
 
   /debug/2.6.9:
     resolution: {integrity: sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
     dependencies:
       ms: 2.0.0
     dev: false
@@ -3135,7 +3139,7 @@ packages:
     dependencies:
       confusing-browser-globals: 1.0.11
       eslint: 8.19.0
-      eslint-plugin-import: 2.26.0_eslint@8.19.0
+      eslint-plugin-import: 2.26.0_b991b8cc37fbaea14375bc1442f912c5
       object.assign: 4.1.2
       object.entries: 1.1.5
       semver: 6.3.0
@@ -3157,27 +3161,46 @@ packages:
       resolve: 1.22.1
     dev: false
 
-  /eslint-module-utils/2.7.3:
+  /eslint-module-utils/2.7.3_0e410f8f48e63a2eb2da71474b5e1cf0:
     resolution: {integrity: sha512-088JEC7O3lDZM9xGe0RerkOMd0EjFl+Yvd1jPWIkMT5u3H9+HC34mWWPnqPrN13gieT9pBOO+Qt07Nb/6TresQ==}
     engines: {node: '>=4'}
+    peerDependencies:
+      '@typescript-eslint/parser': '*'
+      eslint-import-resolver-node: '*'
+      eslint-import-resolver-typescript: '*'
+      eslint-import-resolver-webpack: '*'
+    peerDependenciesMeta:
+      '@typescript-eslint/parser':
+        optional: true
+      eslint-import-resolver-node:
+        optional: true
+      eslint-import-resolver-typescript:
+        optional: true
+      eslint-import-resolver-webpack:
+        optional: true
     dependencies:
-      debug: 3.2.7
-      find-up: 2.1.0
+      '@typescript-eslint/parser': 5.30.3_eslint@8.19.0+typescript@4.7.4
+      eslint-import-resolver-node: 0.3.6
     dev: false
 
-  /eslint-plugin-import/2.26.0_eslint@8.19.0:
+  /eslint-plugin-import/2.26.0_b991b8cc37fbaea14375bc1442f912c5:
     resolution: {integrity: sha512-hYfi3FXaM8WPLf4S1cikh/r4IxnO6zrhZbEGz2b660EJRbuxgpDS5gkCuYgGWg2xxh2rBuIr4Pvhve/7c31koA==}
     engines: {node: '>=4'}
     peerDependencies:
+      '@typescript-eslint/parser': '*'
       eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8
+    peerDependenciesMeta:
+      '@typescript-eslint/parser':
+        optional: true
     dependencies:
+      '@typescript-eslint/parser': 5.30.3_eslint@8.19.0+typescript@4.7.4
       array-includes: 3.1.5
       array.prototype.flat: 1.3.0
       debug: 2.6.9
       doctrine: 2.1.0
       eslint: 8.19.0
       eslint-import-resolver-node: 0.3.6
-      eslint-module-utils: 2.7.3
+      eslint-module-utils: 2.7.3_0e410f8f48e63a2eb2da71474b5e1cf0
       has: 1.0.3
       is-core-module: 2.9.0
       is-glob: 4.0.3
@@ -3185,6 +3208,10 @@ packages:
       object.values: 1.1.5
       resolve: 1.22.1
       tsconfig-paths: 3.14.1
+    transitivePeerDependencies:
+      - eslint-import-resolver-typescript
+      - eslint-import-resolver-webpack
+      - supports-color
     dev: false
 
   /eslint-plugin-vue/9.1.1_eslint@8.19.0:
@@ -5063,7 +5090,6 @@ packages:
     hasBin: true
     dependencies:
       js-tokens: 4.0.0
-    dev: true
 
   /lower-case/2.0.2:
     resolution: {integrity: sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==}
@@ -5098,7 +5124,6 @@ packages:
     resolution: {integrity: sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==}
     dependencies:
       sourcemap-codec: 1.4.8
-    dev: true
 
   /make-dir/2.1.0:
     resolution: {integrity: sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==}
@@ -5926,11 +5951,13 @@ packages:
     resolution: {integrity: sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==}
     peerDependencies:
       react: ^18.2.0
+    peerDependenciesMeta:
+      react:
+        optional: true
     dependencies:
       loose-envify: 1.4.0
       react: 18.2.0
       scheduler: 0.23.0
-    dev: true
 
   /react-is/17.0.2:
     resolution: {integrity: sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==}
@@ -5941,7 +5968,6 @@ packages:
     engines: {node: '>=0.10.0'}
     dependencies:
       loose-envify: 1.4.0
-    dev: true
 
   /read-pkg-up/3.0.0:
     resolution: {integrity: sha512-YFzFrVvpC6frF1sz8psoHDBGF7fLPc+llq/8NB43oagqWkx8ar5zYtsTORtOjw9W2RHLpWP+zTWwBvf1bCmcSw==}
@@ -6204,7 +6230,6 @@ packages:
     resolution: {integrity: sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==}
     dependencies:
       loose-envify: 1.4.0
-    dev: true
 
   /section-matter/1.0.0:
     resolution: {integrity: sha512-vfD3pmTzGpufjScBh50YHKzEu2lxBWhVEHsNGoEXmCmn2hKGfeNLYMzCJpe8cD7gqX7TJluOVpBkAequ6dgMmA==}
@@ -6325,7 +6350,6 @@ packages:
 
   /sourcemap-codec/1.4.8:
     resolution: {integrity: sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==}
-    dev: true
 
   /spdx-correct/3.1.1:
     resolution: {integrity: sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==}
@@ -6927,7 +6951,6 @@ packages:
       '@vue/runtime-dom': 3.2.37
       '@vue/server-renderer': 3.2.37_vue@3.2.37
       '@vue/shared': 3.2.37
-    dev: true
 
   /w3c-hr-time/1.0.2:
     resolution: {integrity: sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==}