docs: 基础介绍

README.md

@@ -68,10 +68,11 @@ axios-miniprogram 是一款为小程序平台量身定制的轻量级请求库
 - [支付宝小程序](https://opendocs.alipay.com/mini/developer/getting-started?from=axios-miniprogram)
 - [百度小程序](https://smartprogram.baidu.com/developer/index.html?from=axios-miniprogram)
 - [京东小程序](https://mp.jd.com?from=axios-miniprogram)
-- [字节跳动小程序](https://developer.open-douyin.com/docs/resource/zh-CN/mini-app/introduction/overview?from=axios-miniprogram)
+- [抖音小程序](https://developer.open-douyin.com/docs/resource/zh-CN/mini-app/introduction/overview?from=axios-miniprogram)
 - [QQ 小程序](https://q.qq.com/wiki/develop/miniprogram/frame/?from=axios-miniprogram)
 - [钉钉小程序](https://open.dingtalk.com/document/org/develop-org-mini-programs?from=axios-miniprogram)
 - [飞书小程序](https://open.feishu.cn/document/uYjL24iN/uMjNzUjLzYzM14yM2MTN?from=axios-miniprogram)
+- [快手小程序](https://mp.kuaishou.com/docs/introduction/quickStart.html)
 - [uni-app](https://uniapp.dcloud.net.cn?form=axios-miniprogram)
 
 ## 关于在跨端框架中使用时的支持度

docs/.vitepress/config.ts

@@ -14,34 +14,32 @@ export default defineConfig({
   themeConfig: {
     // https://vitepress.dev/reference/default-theme-config
     nav: [
-      {
+      { text: '指南', link: '/intro' },
-        text: '指南',
+      { text: '基础', link: '/basics/options' },
-        link: '/intro',
-      },
-      {
-        text: '配置',
-        link: '/config/preview',
-      },
-      {
-        text: 'API',
-        link: '/api/interceptors',
-      },
     ],
 
     sidebar: [
       {
         text: '指南',
         items: [
-          {
+          { text: '简介', link: '/intro' },
-            text: '简介',
+          { text: '开始', link: '/start' },
-            link: '/intro',
-          },
-          {
-            text: '开始',
-            link: '/start',
-          },
         ],
       },
+      {
+        text: '基础',
+        items: [
+          { text: 'OPTIONS 请求', link: '/basics/options' },
+          { text: 'GET 请求', link: '/basics/get' },
+          { text: 'HEAD 请求', link: '/basics/head' },
+          { text: 'POST 请求', link: '/basics/post' },
+          { text: 'PUT 请求', link: '/basics/put' },
+          { text: 'DELETE 请求', link: '/basics/delete' },
+          { text: 'TRACE 请求', link: '/basics/trace' },
+          { text: 'CONNECT 请求', link: '/basics/connect' },
+        ],
+      },
+
       {
         text: '配置',
         items: [

docs/.vitepress/theme/components/VPCompatibility.vue

@@ -0,0 +1,65 @@
+<script setup lang="ts">
+import { computed } from 'vue';
+import { isString } from 'lodash-es';
+
+type Support = boolean | string;
+interface VPCompatibilityProps {
+  wx?: Support;
+  my?: Support;
+  swan?: Support;
+  tt?: Support;
+  tt2?: Support;
+  qq?: Support;
+  ks?: Support;
+  dd?: Support;
+  jd?: Support;
+}
+
+const props = defineProps<VPCompatibilityProps>();
+
+const metas = [
+  { name: '微信小程序', id: 'wx' },
+  { name: '支付宝小程序', id: 'my' },
+  { name: '百度小程序', id: 'swan' },
+  { name: '京东小程序', id: 'jd' },
+  { name: '抖音小程序', id: 'tt' },
+  { name: 'QQ 小程序', id: 'qq' },
+  { name: '钉钉小程序', id: 'dd' },
+  { name: '飞书小程序', id: 'tt2' },
+  { name: '快手小程序', id: 'ks' },
+];
+
+const platforms = computed(() => {
+  return metas.map(({ name, id }) => {
+    const prop = props[id as keyof VPCompatibilityProps];
+    const support = isString(prop) ? prop : prop ? '✓' : '✗ ';
+
+    return {
+      name,
+      support,
+    };
+  });
+});
+
+defineExpose({
+  platforms,
+  props,
+});
+</script>
+
+<template>
+  <table>
+    <thead>
+      <tr>
+        <th>平台</th>
+        <th>支持度</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr v-for="platform in platforms">
+        <td style="text-align: left">{{ platform.name }}</td>
+        <td style="text-align: left">{{ platform.support }}</td>
+      </tr>
+    </tbody>
+  </table>
+</template>

docs/.vitepress/theme/index.ts

@@ -1,8 +1,13 @@
-import theme from 'vitepress/theme';
+import { EnhanceAppContext } from 'vitepress';
+import DefaultTheme from 'vitepress/theme';
+import VPCompatibility from './components/VPCompatibility.vue';
 
 import './styles/vars.css';
 import './styles/cover.css';
 
 export default {
-  ...theme,
+  extends: DefaultTheme,
+  enhanceApp(ctx: EnhanceAppContext) {
+    ctx.app.component('VPCompatibility', VPCompatibility);
+  },
 };

docs/.vitepress/theme/styles/cover.css

@@ -27,14 +27,12 @@
   margin-top: 0;
   height: 100%;
   background-color: var(--vp-nav-bg-color);
-
 }
 
 .VPSidebar .nav {
   overflow-x: hidden;
 }
 
-
 .VPSidebarItem.level-0 .text {
   font-size: 15px;
   font-weight: 500 !important;
@@ -138,6 +136,3 @@
     width: 100%;
   }
 }
-
-
-@media (min-width: 1440px) {}

docs/.vitepress/theme/styles/vars.css

@@ -11,7 +11,6 @@
   --vp-c-text-code: #000000;
   --vp-c-text-dark-3: #888;
 
-
   --vp-code-tab-text-color: var(--vp-c-text-light-2);
   --vp-code-tab-active-text-color: var(--vp-c-text-light-1);
   --vp-code-tab-hover-text-color: var(--vp-c-text-light-1);
@@ -36,6 +35,10 @@
   --vp-button-alt-hover-bg: var(--vp-c-bg-alt);
   --vp-nav-bg-color: #f7f7f7;
 
+  --vp-custom-block-tip-border: var(--vp-c-brand);
+  --vp-custom-block-tip-text: var(--vp-c-brand);
+  --vp-custom-block-tip-bg: var(--vp-c-bg);
+
   --vp-sidebar-width: 340px;
 }
 
@@ -55,10 +58,10 @@
   --vp-c-gutter: #30363d;
   --vp-c-link: #2f81f7;
   --vp-button-alt-bg: #21262d;
-
+  --vp-c-bg-elv: #0d1117;
 
   --vp-code-copy-code-bg: #21262d;
   --vp-code-copy-code-hover-bg: #21262d;
   --vp-code-copy-code-border-color: rgba(240, 246, 252, 0.1);
   --vp-code-copy-code-hover-border-color: #8b949e;
-}
+}

docs/global.d.ts

@@ -0,0 +1,5 @@
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue';
+  const component: DefineComponent;
+  export default component;
+}

docs/package.json

@@ -9,5 +9,10 @@
   "devDependencies": {
     "vite-plugin-pwa": "^0.14.7",
     "vitepress": "1.0.0-alpha.61"
+  },
+  "dependencies": {
+    "@types/lodash-es": "^4.17.7",
+    "lodash-es": "^4.17.21",
+    "vue": "^3.2.47"
   }
 }

docs/pages/basics/connect.md

@@ -0,0 +1,51 @@
+---
+title: CONNECT 请求
+---
+
+# {{ $frontmatter.title }}
+
+::: tip {{ $frontmatter.title }}
+在 HTTP 协议中，CONNECT 方法可以开启一个客户端与所请求资源之间的双向沟通的通道。它可以用来创建隧道（tunnel）。
+:::
+
+## 普通的 `CONNECT` 请求
+
+您可以传入第一个参数 `url` 发送 `CONNECT` 请求。
+
+```ts
+import axios from 'axios-miniprogram';
+
+axios
+  .connect('https://api.com/test')
+  .then((response) => {
+    // 成功之后做些什么
+  })
+  .catch((error) => {
+    // 失败之后做些什么
+  });
+```
+
+## 携带自定义配置的 `CONNECT` 请求
+
+您也可以额外传入第二个参数 `config` 发送携带自定义配置的 `CONNECT` 请求。
+
+```ts
+import axios from 'axios-miniprogram';
+
+axios
+  .connect('https://api.com/test', {
+    headers: {
+      Connection: 'Keep-Alive',
+    },
+  })
+  .then((response) => {
+    // 成功之后做些什么
+  })
+  .catch((error) => {
+    // 失败之后做些什么
+  });
+```
+
+## 兼容性
+
+<VPCompatibility wx swan='仅 Android 支持' tt='1.0.0' qq />

docs/pages/basics/delete.md

@@ -0,0 +1,76 @@
+---
+title: DELETE 请求
+---
+
+# {{ $frontmatter.title }}
+
+::: tip {{ $frontmatter.title }}
+HTTP DELETE 请求方法用于删除指定的资源。
+:::
+
+## 普通的 `DELETE` 请求
+
+您可以传入第一个参数 `url` 发送 `DELETE` 请求。
+
+```ts
+import axios from 'axios-miniprogram';
+
+axios
+  .delete('https://api.com/test')
+  .then((response) => {
+    // 成功之后做些什么
+  })
+  .catch((error) => {
+    // 失败之后做些什么
+  });
+```
+
+## 携带参数的 `DELETE` 请求
+
+您也可以额外传入第二个参数 `params` 发送携带参数的 `DELETE` 请求。
+
+```ts
+import axios from 'axios-miniprogram';
+
+axios
+  .delete('https://api.com/test/:id', {
+    id: 1,
+  })
+  .then((response) => {
+    // 成功之后做些什么
+  })
+  .catch((error) => {
+    // 失败之后做些什么
+  });
+```
+
+## 携带自定义配置的 `DELETE` 请求
+
+您也可以额外传入第三个参数 `config` 发送携带自定义配置的 `DELETE` 请求。
+
+```ts
+import axios from 'axios-miniprogram';
+
+axios
+  .delete(
+    'https://api.com/test/:id',
+    {
+      id: 1,
+    },
+    {
+      headers: {
+        'Content-Type': 'application/json',
+      },
+    },
+  )
+  .then((response) => {
+    // 成功之后做些什么
+  })
+  .catch((error) => {
+    // 失败之后做些什么
+  });
+```
+
+## 兼容性
+
+<VPCompatibility wx my swan tt='1.0.0' qq tt2 />

docs/pages/basics/get.md

@@ -0,0 +1,76 @@
+---
+title: GET 请求
+---
+
+# {{ $frontmatter.title }}
+
+::: tip {{ $frontmatter.title }}
+HTTP GET 方法请求指定的资源。使用 GET 的请求应该只用于获取数据。
+:::
+
+## 普通的 `GET` 请求
+
+您可以传入第一个参数 `url` 发送 `GET` 请求。
+
+```ts
+import axios from 'axios-miniprogram';
+
+axios
+  .get('https://api.com/test')
+  .then((response) => {
+    // 成功之后做些什么
+  })
+  .catch((error) => {
+    // 失败之后做些什么
+  });
+```
+
+## 携带参数的 `GET` 请求
+
+您也可以额外传入第二个参数 `params` 发送携带参数的 `GET` 请求。
+
+```ts
+import axios from 'axios-miniprogram';
+
+axios
+  .get('https://api.com/test/:id', {
+    id: 1,
+  })
+  .then((response) => {
+    // 成功之后做些什么
+  })
+  .catch((error) => {
+    // 失败之后做些什么
+  });
+```
+
+## 携带自定义配置的 `GET` 请求
+
+您也可以额外传入第三个参数 `config` 发送携带自定义配置的 `GET` 请求。
+
+```ts
+import axios from 'axios-miniprogram';
+
+axios
+  .get(
+    'https://api.com/test/:id',
+    {
+      id: 1,
+    },
+    {
+      headers: {
+        'Content-Type': 'application/json',
+      },
+    },
+  )
+  .then((response) => {
+    // 成功之后做些什么
+  })
+  .catch((error) => {
+    // 失败之后做些什么
+  });
+```
+
+## 兼容性
+
+<VPCompatibility wx my swan jd tt='1.0.0' qq dd tt2 ks />

docs/pages/basics/head.md

@@ -0,0 +1,76 @@
+---
+title: HEAD 请求
+---
+
+# {{ $frontmatter.title }}
+
+::: tip {{ $frontmatter.title }}
+HTTP HEAD 方法请求资源的头部信息，并且这些头部与 HTTP GET 方法请求时返回的一致。该请求方法的一个使用场景是在下载一个大文件前先获取其大小再决定是否要下载，以此可以节约带宽资源。
+:::
+
+## 普通的 `HEAD` 请求
+
+您可以传入第一个参数 `url` 发送 `HEAD` 请求。
+
+```ts
+import axios from 'axios-miniprogram';
+
+axios
+  .head('https://api.com/test')
+  .then((response) => {
+    // 成功之后做些什么
+  })
+  .catch((error) => {
+    // 失败之后做些什么
+  });
+```
+
+## 携带参数的 `HEAD` 请求
+
+您也可以额外传入第二个参数 `params` 发送携带参数的 `HEAD` 请求。
+
+```ts
+import axios from 'axios-miniprogram';
+
+axios
+  .head('https://api.com/test/:id', {
+    id: 1,
+  })
+  .then((response) => {
+    // 成功之后做些什么
+  })
+  .catch((error) => {
+    // 失败之后做些什么
+  });
+```
+
+## 携带自定义配置的 `HEAD` 请求
+
+您也可以额外传入第三个参数 `config` 发送携带自定义配置的 `HEAD` 请求。
+
+```ts
+import axios from 'axios-miniprogram';
+
+axios
+  .head(
+    'https://api.com/test/:id',
+    {
+      id: 1,
+    },
+    {
+      headers: {
+        'Content-Type': 'application/json',
+      },
+    },
+  )
+  .then((response) => {
+    // 成功之后做些什么
+  })
+  .catch((error) => {
+    // 失败之后做些什么
+  });
+```
+
+## 兼容性
+
+<VPCompatibility wx swan tt='1.0.0' qq tt2 />

docs/pages/basics/options.md

@@ -0,0 +1,51 @@
+---
+title: OPTIONS 请求
+---
+
+# {{ $frontmatter.title }}
+
+::: tip {{ $frontmatter.title }}
+HTTP OPTIONS 方法用于获取目的资源所支持的通信选项。客户端可以对特定的 URL 使用 OPTIONS 方法，也可以对整站（通过将 URL 设置为“\*”）使用该方法。
+:::
+
+## 普通的 `OPTIONS` 请求
+
+您可以传入第一个参数 `url` 发送 `OPTIONS` 请求。
+
+```ts
+import axios from 'axios-miniprogram';
+
+axios
+  .options('https://api.com/test')
+  .then((response) => {
+    // 成功之后做些什么
+  })
+  .catch((error) => {
+    // 失败之后做些什么
+  });
+```
+
+## 携带自定义配置的 `OPTIONS` 请求
+
+您也可以额外传入第二个参数 `config` 发送携带自定义配置的 `OPTIONS` 请求。
+
+```ts
+import axios from 'axios-miniprogram';
+
+axios
+  .options('https://api.com/test', {
+    headers: {
+      Accept: '*/*',
+    },
+  })
+  .then((response) => {
+    // 成功之后做些什么
+  })
+  .catch((error) => {
+    // 失败之后做些什么
+  });
+```
+
+## 兼容性
+
+<VPCompatibility wx swan tt='1.0.0' qq tt2 />

docs/pages/basics/post.md

@@ -0,0 +1,78 @@
+---
+title: POST 请求
+---
+
+# {{ $frontmatter.title }}
+
+::: tip {{ $frontmatter.title }}
+HTTP POST 方法发送数据给服务器。请求主体的类型由 Content-Type 首部指定。
+:::
+
+## 普通的 `POST` 请求
+
+您可以传入第一个参数 `url` 发送 `POST` 请求。
+
+```ts
+import axios from 'axios-miniprogram';
+
+axios
+  .post('https://api.com/test')
+  .then((response) => {
+    // 成功之后做些什么
+  })
+  .catch((error) => {
+    // 失败之后做些什么
+  });
+```
+
+## 携带数据的 `POST` 请求
+
+您也可以额外传入第二个参数 `data` 发送携带数据的 `POST` 请求。
+
+```ts
+import axios from 'axios-miniprogram';
+
+axios
+  .post('https://api.com/test', {
+    name: 'test',
+    password: '123456',
+  })
+  .then((response) => {
+    // 成功之后做些什么
+  })
+  .catch((error) => {
+    // 失败之后做些什么
+  });
+```
+
+## 携带自定义配置的 `POST` 请求
+
+您也可以额外传入第三个参数 `config` 发送携带自定义配置的 `POST` 请求。
+
+```ts
+import axios from 'axios-miniprogram';
+
+axios
+  .post(
+    'https://api.com/test',
+    {
+      name: 'test',
+      password: '123456',
+    },
+    {
+      headers: {
+        'Content-Type': 'application/json',
+      },
+    },
+  )
+  .then((response) => {
+    // 成功之后做些什么
+  })
+  .catch((error) => {
+    // 失败之后做些什么
+  });
+```
+
+## 兼容性
+
+<VPCompatibility wx my swan jd tt='1.0.0' qq dd tt2 ks />

docs/pages/basics/put.md

@@ -0,0 +1,80 @@
+---
+title: PUT 请求
+---
+
+# {{ $frontmatter.title }}
+
+::: tip {{ $frontmatter.title }}
+HTTP PUT 请求方法使用请求中的数据创建或者替换目标资源。
+:::
+
+## 普通的 `PUT` 请求
+
+您可以传入第一个参数 `url` 发送 `PUT` 请求。
+
+```ts
+import axios from 'axios-miniprogram';
+
+axios
+  .put('https://api.com/test')
+  .then((response) => {
+    // 成功之后做些什么
+  })
+  .catch((error) => {
+    // 失败之后做些什么
+  });
+```
+
+## 携带数据的 `PUT` 请求
+
+您也可以额外传入第二个参数 `data` 发送携带数据的 `PUT` 请求。
+
+```ts
+import axios from 'axios-miniprogram';
+
+axios
+  .put('https://api.com/test/:id', {
+    id: 1,
+    name: 'test',
+    password: '123456',
+  })
+  .then((response) => {
+    // 成功之后做些什么
+  })
+  .catch((error) => {
+    // 失败之后做些什么
+  });
+```
+
+## 携带自定义配置的 `PUT` 请求
+
+您也可以额外传入第三个参数 `config` 发送携带自定义配置的 `PUT` 请求。
+
+```ts
+import axios from 'axios-miniprogram';
+
+axios
+  .put(
+    'https://api.com/test/id',
+    {
+      id: 1,
+      name: 'test',
+      password: '123456',
+    },
+    {
+      headers: {
+        'Content-Type': 'application/json',
+      },
+    },
+  )
+  .then((response) => {
+    // 成功之后做些什么
+  })
+  .catch((error) => {
+    // 失败之后做些什么
+  });
+```
+
+## 兼容性
+
+<VPCompatibility wx my swan tt='1.0.0' qq tt2 />

docs/pages/basics/trace.md

@@ -0,0 +1,51 @@
+---
+title: TRACE 请求
+---
+
+# {{ $frontmatter.title }}
+
+::: tip {{ $frontmatter.title }}
+HTTP TRACE 方法实现沿通向目标资源的路径的消息环回（loop-back）测试，提供了一种实用的 debug 机制。
+:::
+
+## 普通的 `TRACE` 请求
+
+您可以传入第一个参数 `url` 发送 `TRACE` 请求。
+
+```ts
+import axios from 'axios-miniprogram';
+
+axios
+  .trace('https://api.com/test')
+  .then((response) => {
+    // 成功之后做些什么
+  })
+  .catch((error) => {
+    // 失败之后做些什么
+  });
+```
+
+## 携带自定义配置的 `TRACE` 请求
+
+您也可以额外传入第二个参数 `config` 发送携带自定义配置的 `TRACE` 请求。
+
+```ts
+import axios from 'axios-miniprogram';
+
+axios
+  .trace('https://api.com/test', {
+    headers: {
+      'Content-Type': 'message/http',
+    },
+  })
+  .then((response) => {
+    // 成功之后做些什么
+  })
+  .catch((error) => {
+    // 失败之后做些什么
+  });
+```
+
+## 兼容性
+
+<VPCompatibility wx swan='仅 Android 支持' tt='1.0.0' qq />

docs/pages/intro.md

@@ -1,15 +1,21 @@
 # axios-miniprogram
 
-<p style="display: flex;">
+<p style="display: flex;margin-left:-5px;">
-  <a href="https://codecov.io/gh/zjx0905/axios-miniprogram">
+  <a href="https://github.com/zjx0905/axios-miniprogram/actions/workflows/ci.yml">
-    <img src='https://codecov.io/gh/zjx0905/axios-miniprogram/branch/master/graph/badge.svg?token=WIQVYX2WIK'/>
+    <img src="https://github.com/zjx0905/axios-miniprogram/actions/workflows/ci.yml/badge.svg" alt="ci">
   </a>
-  <a style="margin: 0 5px;" href="https://badge.fury.io/js/axios-miniprogram">
+  <a style="margin-left:5px;" href="https://www.npmjs.org/package/axios-miniprogram">
-    <img src='https://badge.fury.io/js/axios-miniprogram.svg'/>
+    <img src="https://img.shields.io/npm/v/axios-miniprogram" alt="npm">
+  </a>
+  <a style="margin-left:5px;" href="https://codecov.io/gh/zjx0905/axios-miniprogram" > 
+    <img src="https://codecov.io/gh/zjx0905/axios-miniprogram/branch/main/graph/badge.svg?token=WIQVYX2WIK" alt="codecov"/> 
+  </a>
+  <a style="margin-left:5px;" href="https://www.npmjs.org/package/axios-miniprogram">
+    <img src="https://img.shields.io/bundlephobia/min/axios-miniprogram" alt="npm bundle size">
+  </a>  
+  <a style="margin-left:5px;" href="https://opensource.org/licenses/MIT">
+    <img src="https://img.shields.io/github/license/zjx0905/axios-miniprogram" alt="license">
   </a>
-  <a href="https://opensource.org/licenses/MIT">
-  <img src='https://img.shields.io/badge/License-MIT-brightgreen.svg'/>
-  </a> 
 </p>
 
 [中文文档](https://axios-miniprogram.com)
@@ -62,10 +68,11 @@ axios-miniprogram 是一款为小程序平台量身定制的轻量级请求库
 - [支付宝小程序](https://opendocs.alipay.com/mini/developer/getting-started?from=axios-miniprogram)
 - [百度小程序](https://smartprogram.baidu.com/developer/index.html?from=axios-miniprogram)
 - [京东小程序](https://mp.jd.com?from=axios-miniprogram)
-- [字节跳动小程序](https://developer.open-douyin.com/docs/resource/zh-CN/mini-app/introduction/overview?from=axios-miniprogram)
+- [抖音小程序](https://developer.open-douyin.com/docs/resource/zh-CN/mini-app/introduction/overview?from=axios-miniprogram)
 - [QQ 小程序](https://q.qq.com/wiki/develop/miniprogram/frame/?from=axios-miniprogram)
 - [钉钉小程序](https://open.dingtalk.com/document/org/develop-org-mini-programs?from=axios-miniprogram)
 - [飞书小程序](https://open.feishu.cn/document/uYjL24iN/uMjNzUjLzYzM14yM2MTN?from=axios-miniprogram)
+- [快手小程序](https://mp.kuaishou.com/docs/introduction/quickStart.html)
 - [uni-app](https://uniapp.dcloud.net.cn?form=axios-miniprogram)
 
 ## 关于在跨端框架中使用时的支持度

docs/tsconfig.json

@@ -14,14 +14,15 @@
     "resolveJsonModule": true,
     "noUnusedLocals": true,
     "strictNullChecks": true,
+    "isolatedModules": true,
     "forceConsistentCasingInFileNames": true,
     "types": ["vitepress"]
   },
   "include": [
     "./.vitepress/**/*.ts",
     "./.vitepress/**/*.vue",
-    "./.vitepress/components.d.ts",
+    "./global.d.ts",
     "../global.d.ts"
   ],
-  "exclude": ["dist", "node_modules"]
+  "exclude": ["node_modules"]
 }

pnpm-lock.yaml

@@ -64,8 +64,15 @@ importers:
 
   docs:
     specifiers:
+      '@types/lodash-es': ^4.17.7
+      lodash-es: ^4.17.21
       vite-plugin-pwa: ^0.14.7
       vitepress: 1.0.0-alpha.61
+      vue: ^3.2.47
+    dependencies:
+      '@types/lodash-es': 4.17.7
+      lodash-es: 4.17.21
+      vue: 3.2.47
     devDependencies:
       vite-plugin-pwa: 0.14.7
       vitepress: 1.0.0-alpha.61
@@ -477,12 +484,10 @@ packages:
   /@babel/helper-string-parser/7.19.4:
     resolution: {integrity: sha512-nHtDoQcuqFmwYNYPz3Rah5ph2p8PFeFCsZk9A/48dPc/rGocJ5J3hAAZ7pb76VWX3fZKu+uEr/FhH5jLx7umrw==}
     engines: {node: '>=6.9.0'}
-    dev: true
 
   /@babel/helper-validator-identifier/7.19.1:
     resolution: {integrity: sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w==}
     engines: {node: '>=6.9.0'}
-    dev: true
 
   /@babel/helper-validator-option/7.21.0:
     resolution: {integrity: sha512-rmL/B8/f0mKS2baE9ZpyTcTavvEuWhTTW8amjzXNvYG4AwBsqTLikfXsEofsJEfKHf+HQVQbFOHy6o+4cnC/fQ==}
@@ -535,7 +540,6 @@ packages:
     hasBin: true
     dependencies:
       '@babel/types': 7.21.4
-    dev: true
 
   /@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/7.18.6_@babel+core@7.21.4:
     resolution: {integrity: sha512-Dgxsyg54Fx1d4Nge8UnvTrED63vrwOdPmyvPzlNN/boaliRP54pm3pGzZD1SJUwrBA+Cs/xdG8kXX6Mn/RfISQ==}
@@ -1396,7 +1400,6 @@ packages:
       '@babel/helper-string-parser': 7.19.4
       '@babel/helper-validator-identifier': 7.19.1
       to-fast-properties: 2.0.0
-    dev: true
 
   /@commitlint/cli/17.5.0:
     resolution: {integrity: sha512-yNW3+M7UM1ioK28LKTrryIVB5qGpXlEv8+rJQiWPMZNayy9/1XR5+lL8qBTNlgopYtZWWnIm5RETcAN29ZTL/A==}
@@ -2211,6 +2214,16 @@ packages:
     resolution: {integrity: sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==}
     dev: true
 
+  /@types/lodash-es/4.17.7:
+    resolution: {integrity: sha512-z0ptr6UI10VlU6l5MYhGwS4mC8DZyYer2mCoyysZtSF7p26zOX8UpbrV0YpNYLGS8K4PUFIyEr62IMFFjveSiQ==}
+    dependencies:
+      '@types/lodash': 4.14.194
+    dev: false
+
+  /@types/lodash/4.14.194:
+    resolution: {integrity: sha512-r22s9tAS7imvBt2lyHC9B8AGwWnXaYb1tY09oyLkXDs4vArpYJzw09nj8MLx5VfciBPGIb+ZwG0ssYnEPJxn/g==}
+    dev: false
+
   /@types/minimist/1.2.2:
     resolution: {integrity: sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==}
     dev: true
@@ -2446,23 +2459,21 @@ packages:
   /@vue/compiler-core/3.2.47:
     resolution: {integrity: sha512-p4D7FDnQb7+YJmO2iPEv0SQNeNzcbHdGByJDsT4lynf63AFkOTFN07HsiRSvjGo0QrxR/o3d0hUyNCUnBU2Tig==}
     dependencies:
-      '@babel/parser': 7.21.3
+      '@babel/parser': 7.21.4
       '@vue/shared': 3.2.47
       estree-walker: 2.0.2
       source-map: 0.6.1
-    dev: true
 
   /@vue/compiler-dom/3.2.47:
     resolution: {integrity: sha512-dBBnEHEPoftUiS03a4ggEig74J2YBZ2UIeyfpcRM2tavgMWo4bsEfgCGsu+uJIL/vax9S+JztH8NmQerUo7shQ==}
     dependencies:
       '@vue/compiler-core': 3.2.47
       '@vue/shared': 3.2.47
-    dev: true
 
   /@vue/compiler-sfc/3.2.47:
     resolution: {integrity: sha512-rog05W+2IFfxjMcFw10tM9+f7i/+FFpZJJ5XHX72NP9eC2uRD+42M3pYcQqDXVYoj74kHMSEdQ/WmCjt8JFksQ==}
     dependencies:
-      '@babel/parser': 7.21.3
+      '@babel/parser': 7.21.4
       '@vue/compiler-core': 3.2.47
       '@vue/compiler-dom': 3.2.47
       '@vue/compiler-ssr': 3.2.47
@@ -2472,14 +2483,12 @@ packages:
       magic-string: 0.25.9
       postcss: 8.4.21
       source-map: 0.6.1
-    dev: true
 
   /@vue/compiler-ssr/3.2.47:
     resolution: {integrity: sha512-wVXC+gszhulcMD8wpxMsqSOpvDZ6xKXSVWkf50Guf/S+28hTAXPDYRTbLQ3EDkOP5Xz/+SY37YiwDquKbJOgZw==}
     dependencies:
       '@vue/compiler-dom': 3.2.47
       '@vue/shared': 3.2.47
-    dev: true
 
   /@vue/devtools-api/6.5.0:
     resolution: {integrity: sha512-o9KfBeaBmCKl10usN4crU53fYtC1r7jJwdGKjPT24t348rHxgfpZ0xL3Xm/gLUYnc0oTp8LAmrxOeLyu6tbk2Q==}
@@ -2488,25 +2497,22 @@ packages:
   /@vue/reactivity-transform/3.2.47:
     resolution: {integrity: sha512-m8lGXw8rdnPVVIdIFhf0LeQ/ixyHkH5plYuS83yop5n7ggVJU+z5v0zecwEnX7fa7HNLBhh2qngJJkxpwEEmYA==}
     dependencies:
-      '@babel/parser': 7.21.3
+      '@babel/parser': 7.21.4
       '@vue/compiler-core': 3.2.47
       '@vue/shared': 3.2.47
       estree-walker: 2.0.2
       magic-string: 0.25.9
-    dev: true
 
   /@vue/reactivity/3.2.47:
     resolution: {integrity: sha512-7khqQ/75oyyg+N/e+iwV6lpy1f5wq759NdlS1fpAhFXa8VeAIKGgk2E/C4VF59lx5b+Ezs5fpp/5WsRYXQiKxQ==}
     dependencies:
       '@vue/shared': 3.2.47
-    dev: true
 
   /@vue/runtime-core/3.2.47:
     resolution: {integrity: sha512-RZxbLQIRB/K0ev0K9FXhNbBzT32H9iRtYbaXb0ZIz2usLms/D55dJR2t6cIEUn6vyhS3ALNvNthI+Q95C+NOpA==}
     dependencies:
       '@vue/reactivity': 3.2.47
       '@vue/shared': 3.2.47
-    dev: true
 
   /@vue/runtime-dom/3.2.47:
     resolution: {integrity: sha512-ArXrFTjS6TsDei4qwNvgrdmHtD930KgSKGhS5M+j8QxXrDJYLqYw4RRcDy1bz1m1wMmb6j+zGLifdVHtkXA7gA==}
@@ -2514,7 +2520,6 @@ packages:
       '@vue/runtime-core': 3.2.47
       '@vue/shared': 3.2.47
       csstype: 2.6.21
-    dev: true
 
   /@vue/server-renderer/3.2.47_vue@3.2.47:
     resolution: {integrity: sha512-dN9gc1i8EvmP9RCzvneONXsKfBRgqFeFZLurmHOveL7oH6HiFXJw5OGu294n1nHc/HMgTy6LulU/tv5/A7f/LA==}
@@ -2524,11 +2529,9 @@ packages:
       '@vue/compiler-ssr': 3.2.47
       '@vue/shared': 3.2.47
       vue: 3.2.47
-    dev: true
 
   /@vue/shared/3.2.47:
     resolution: {integrity: sha512-BHGyyGN3Q97EZx0taMQ+OLNuZcW3d37ZEVmEAyeoA9ERdGvm9Irc/0Fua8SNyOtV1w6BS4q25wbMzJujO9HIfQ==}
-    dev: true
 
   /@vueuse/core/9.13.0_vue@3.2.47:
     resolution: {integrity: sha512-pujnclbeHWxxPRqXWmdkKV5OX4Wk4YeK7wusHqRwU0Q7EFusHoqNA/aPhB6KCh9hEqJkLAJo7bb0Lh9b+OIVzw==}
@@ -3266,7 +3269,6 @@ packages:
 
   /csstype/2.6.21:
     resolution: {integrity: sha512-Z1PhmomIfypOpoMjRQB70jfvy/wxT50qW08YXO5lMIJkrdq4yOTR+AW7FqutScmB9NkLwxo+jU+kZLbofZZq/w==}
-    dev: true
 
   /cz-git/1.3.8:
     resolution: {integrity: sha512-hFyp/M6r870uMzX/6FjsqeZ5kbi++VR3j9TRMyUhwVurRhZ237AEeoV3KxJp5ySzTMMfSuliVHcmdpZOdJx9qA==}
@@ -3638,7 +3640,6 @@ packages:
 
   /estree-walker/2.0.2:
     resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
-    dev: true
 
   /esutils/2.0.3:
     resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
@@ -4635,6 +4636,10 @@ packages:
       p-locate: 5.0.0
     dev: true
 
+  /lodash-es/4.17.21:
+    resolution: {integrity: sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==}
+    dev: false
+
   /lodash.camelcase/4.3.0:
     resolution: {integrity: sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==}
     dev: true
@@ -4734,7 +4739,6 @@ packages:
     resolution: {integrity: sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==}
     dependencies:
       sourcemap-codec: 1.4.8
-    dev: true
 
   /magic-string/0.27.0:
     resolution: {integrity: sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==}
@@ -4887,7 +4891,6 @@ packages:
     resolution: {integrity: sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
-    dev: true
 
   /natural-compare-lite/1.4.0:
     resolution: {integrity: sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==}
@@ -5189,7 +5192,6 @@ packages:
 
   /picocolors/1.0.0:
     resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
-    dev: true
 
   /picomatch/2.3.1:
     resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
@@ -5235,7 +5237,6 @@ packages:
       nanoid: 3.3.4
       picocolors: 1.0.0
       source-map-js: 1.0.2
-    dev: true
 
   /preact/10.13.1:
     resolution: {integrity: sha512-KyoXVDU5OqTpG9LXlB3+y639JAGzl8JSBXLn1J9HTSB3gbKcuInga7bZnXLlxmK94ntTs1EFeZp0lrja2AuBYQ==}
@@ -5710,7 +5711,6 @@ packages:
   /source-map-js/1.0.2:
     resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
     engines: {node: '>=0.10.0'}
-    dev: true
 
   /source-map-support/0.5.21:
     resolution: {integrity: sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==}
@@ -5722,7 +5722,6 @@ packages:
   /source-map/0.6.1:
     resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
     engines: {node: '>=0.10.0'}
-    dev: true
 
   /source-map/0.8.0-beta.0:
     resolution: {integrity: sha512-2ymg6oRBpebeZi9UUNsgQ89bhx01TcTkmNTGnNO88imTmbSgy4nfujrgVEFKWpMTEGA11EDkTt7mqObTPdigIA==}
@@ -5734,7 +5733,6 @@ packages:
   /sourcemap-codec/1.4.8:
     resolution: {integrity: sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==}
     deprecated: Please use @jridgewell/sourcemap-codec instead
-    dev: true
 
   /spdx-correct/3.2.0:
     resolution: {integrity: sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==}
@@ -6027,7 +6025,6 @@ packages:
   /to-fast-properties/2.0.0:
     resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==}
     engines: {node: '>=4'}
-    dev: true
 
   /to-regex-range/5.0.1:
     resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
@@ -6515,7 +6512,6 @@ packages:
       '@vue/runtime-dom': 3.2.47
       '@vue/server-renderer': 3.2.47_vue@3.2.47
       '@vue/shared': 3.2.47
-    dev: true
 
   /webidl-conversions/3.0.1:
     resolution: {integrity: sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==}