diff --git a/.eslintrc.js b/.eslintrc.js index 699c6246..e4b256c2 100644 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -42,7 +42,7 @@ module.exports = { }, }, { - files: ['clientAppEnhance.ts'], + files: ['clientConfig.ts'], rules: { 'vue/match-component-file-name': 'off', }, diff --git a/docs/10.面试/面试2.md b/docs/10.面试/面试2.md index f0a27ae4..d5f34b0a 100644 --- a/docs/10.面试/面试2.md +++ b/docs/10.面试/面试2.md @@ -5,21 +5,19 @@ author: pengzhanbo permalink: /article/exavsmm1 --- -:::: code-group +::: code-tabs -::: code-group-item yarn +@tab yarn ``` bash yarn add ``` -::: -::: code-group-item npm +@tab npm ``` bash npm install ``` -::: -:::: +::: ::: tip 提示 @@ -49,7 +47,7 @@ npm install - [ ] todo - [x] todo -::: demo 普通代码 +::: normal-demo 普通代码 ```html

这是一个代码片段

??? diff --git a/docs/notes/vuepress-plugin/caniuse/README.md b/docs/notes/vuepress-plugin/caniuse/README.md index 52d5c03d..8efb2716 100644 --- a/docs/notes/vuepress-plugin/caniuse/README.md +++ b/docs/notes/vuepress-plugin/caniuse/README.md @@ -19,23 +19,23 @@ permalink: /note/vuepress-plugin/caniuse/ ## 安装 -:::: code-group -::: code-group-item npm +::: code-tabs +@tab npm ``` sh npm install @vuepress-plume/vuepress-plugin-caniuse ``` -::: -::: code-group-item yarn:active + +@tab:active yarn ``` sh yarn add @vuepress-plume/vuepress-plugin-caniuse ``` -::: -::: code-group-item pnpm + +@tab pnpm ``` sh pnpm add @vuepress-plume/vuepress-plugin-caniuse ``` + ::: -:::: ## 使用 @@ -43,8 +43,8 @@ pnpm add @vuepress-plume/vuepress-plugin-caniuse 将插件添加到你的 vuepress 项目的配置文件中： -:::: code-group -::: code-group-item .vuepress/config.ts +::: code-tabs +@tab .vuepress/config.ts ``` ts {2,6} import { defineUserConfig } from 'vuepress' import { caniusePlugin } from '@vuepress-plume/vuepress-plugin-caniuse' @@ -55,8 +55,8 @@ export default defineUserConfig({ ] }) ``` -::: -::: code-group-item .vuepress/config.js + +@tab .vuepress/config.js ``` js {1,5} const { caniusePlugin } = require('@vuepress-plume/vuepress-plugin-caniuse') @@ -66,8 +66,8 @@ module.exports = { ] } ``` + ::: -:::: ### Step2：在markdown中使用 diff --git a/docs/notes/vuepress-plugin/netlify-functions/README.md b/docs/notes/vuepress-plugin/netlify-functions/README.md index 940e3e6d..ea7df1bb 100644 --- a/docs/notes/vuepress-plugin/netlify-functions/README.md +++ b/docs/notes/vuepress-plugin/netlify-functions/README.md @@ -22,20 +22,20 @@ permalink: /note/vuepress-plugin/netlify-functions/ ## 安装 -:::: code-group -::: code-group-item npm +::: code-tabs +@tab npm ``` sh npm install @vuepress-plume/vuepress-plugin-netlify-functions ``` -::: -::: code-group-item yarn:active + +@tab yarn:active ``` sh yarn add @vuepress-plume/vuepress-plugin-netlify-functions ``` -::: -::: code-group-item pnpm + +@tab pnpm ``` sh pnpm add @vuepress-plume/vuepress-plugin-netlify-functions ``` + ::: -:::: diff --git a/docs/notes/vuepress-plugin/netlify-functions/使用.md b/docs/notes/vuepress-plugin/netlify-functions/使用.md index 42a92b55..cd193237 100644 --- a/docs/notes/vuepress-plugin/netlify-functions/使用.md +++ b/docs/notes/vuepress-plugin/netlify-functions/使用.md @@ -7,23 +7,22 @@ permalink: /note/vuepress-plugin/netlify-functions/usage/ ## 安装 -:::: code-group -::: code-group-item npm +::: code-tabs +@tab npm ``` sh npm install @vuepress-plume/vuepress-plugin-netlify-functions ``` -::: -::: code-group-item yarn:active + +@tab:active yarn ``` sh yarn add @vuepress-plume/vuepress-plugin-netlify-functions ``` -::: -::: code-group-item pnpm + +@tab pnpm ``` sh pnpm add @vuepress-plume/vuepress-plugin-netlify-functions ``` ::: -:::: ## 在vuepress中使用 @@ -32,8 +31,8 @@ pnpm add @vuepress-plume/vuepress-plugin-netlify-functions 在vuepress 的配置文件中 引入并 在 `plugins` 字段中添加插件。 -:::: code-group -::: code-group-item .vuepress/config.ts +::: code-tabs +@tab .vuepress/config.ts ``` ts import { defineUserConfig } from 'vuepress' import { netlifyFunctionsPlugin } from '@vuepress-plume/vuepress-plugin-netlify-functions' @@ -45,8 +44,8 @@ export default defineUserConfig({ // ... }) ``` -::: -::: code-group-item .vuepress/config.js + +@tab .vuepress/config.js ```js const { netlifyFunctionsPlugin } = require('@vuepress-plume/vuepress-plugin-netlify-functions') module.exports = { @@ -57,8 +56,8 @@ module.exports = { // ... } ``` + ::: -:::: ### 编写 functions @@ -72,8 +71,8 @@ module.exports = { ### 添加插件钩子 -:::: code-group -::: code-group-item typescript +::: code-tabs +@tab typescript ``` ts import * as path from 'path' import { App } from '@vuepress/core' @@ -98,8 +97,8 @@ const myPlugin = (): Plugin => { } } ``` -::: -::: code-group-item javascript + +@tab javascript ``` js const path = require('path') const { useNetlifyFunctionsPlugin } = require('@vuepress-plume/vuepress-plugin-netlify-functions') @@ -123,8 +122,8 @@ const myPlugin = () => { } } ``` + ::: -:::: 在你的插件开发目录，假如是以下结构： ``` sh @@ -167,18 +166,18 @@ async function fetchMyFunction() { 如果你的 `.env` 文件中有比较私密的信息，建议将 `.env` 文件添加到 `.gitignore` 中，避免提交到 仓库中。 ::: -:::: code-group -::: code-group-item .env +::: code-tabs +@tab .env ``` YOUR_ENV_VAR='your env var' ``` -::: -::: code-group-item functions/my_function.ts + +@tab functions/my_function.ts ``` ts const YOUR_ENV_VAR = process.env.YOUR_ENV_VAR ``` + ::: -:::: ## 示例 diff --git a/docs/notes/vuepress-theme-plume/README.md b/docs/notes/vuepress-theme-plume/README.md index 51ee7989..e1727a2c 100644 --- a/docs/notes/vuepress-theme-plume/README.md +++ b/docs/notes/vuepress-theme-plume/README.md @@ -36,23 +36,22 @@ __基于 `vuepress 2.0` 制作的 `Blog` 主题。__ ## 安装 -:::: code-group -::: code-group-item yarn +::: code-tabs +@tab yarn ``` sh yarn add @vuepress-plume/vuepress-theme-plume ``` ::: -::: code-group-item npm +@tab npm ``` sh npm i @vuepress-plume/vuepress-theme-plume ``` ::: -:::: ## 使用 -:::: code-group -::: code-group-item ts +::: code-tabs +@tab ts ``` ts // .vuepress/config.ts import { defineUserConfig } from 'vuepress' @@ -63,8 +62,8 @@ export default defineUserConfig({ }) }) ``` -::: -::: code-group-item js + +@tab js ``` js // .vuepress/config.js import { themePlume } from '@vuepress-plume/vuepress-theme-plume' @@ -75,7 +74,6 @@ module.exports = { } ``` ::: -:::: ## 示例 diff --git a/docs/notes/vuepress-theme-plume/markdown增强.md b/docs/notes/vuepress-theme-plume/markdown增强.md index d9d455eb..789f80dd 100644 --- a/docs/notes/vuepress-theme-plume/markdown增强.md +++ b/docs/notes/vuepress-theme-plume/markdown增强.md @@ -123,40 +123,39 @@ markdown 增强 由 [vuepress-plugin-md-enhance](https://vuepress-theme-hope.git 如果需要给先让某个选项卡被激活，在标题后面补充`:active`后缀。 ````md -:::: code-group +::: code-tabs -::: code-group-item yarn +@tab yarn ```sh yarn version ``` -::: -::: code-group-item npm:active + +@tab:active npm ```sh npm version ``` ::: -:::: + ```` -:::: code-group -::: code-group-item yarn +::: code-tabs +@tab yarn ``` sh yarn version ``` -::: -::: code-group-item npm:active + +@tab:active npm ``` sh npm version ``` ::: -:::: ## 代码演示 ```` md -::: demo [类型] 可选的标题文字 +::: [类型]-demo 可选的标题文字 ```html @@ -216,7 +215,7 @@ JSON 块是可选的，可用的配置详见[配置](https://vuepress-theme-hope ### 不支持的语言 -::: demo 一个使用浏览器不支持解析语言 Demo +::: normal-demo 一个使用浏览器不支持解析语言 Demo ```md # 标题 @@ -244,7 +243,7 @@ h1 { :::: details 代码 ```` md -::: demo 一个使用浏览器不支持解析语言 Demo +::: normal-demo 一个使用浏览器不支持解析语言 Demo ```md # 标题 @@ -276,7 +275,7 @@ h1 { ### 普通代码演示 格式： ```` md -::: demo 可选的标题文字 +::: normal-demo 可选的标题文字 ```html @@ -310,7 +309,7 @@ h1 { #### 例子 -::: demo Demo 演示 +::: normal-demo Demo 演示 ```html

Hello Word!

@@ -333,7 +332,7 @@ span { :::: details 代码 ```` md -::: demo Demo 演示 +::: normal-demo Demo 演示 ```html

Hello Word!

@@ -360,7 +359,7 @@ span { #### 格式 ```` md -::: demo [vue] 可选的标题文字 +::: vue-demo 可选的标题文字 ```vue @@ -392,7 +391,7 @@ export default { #### 演示 -::: demo [vue] 一个 Vue Composition 演示 +::: vue-demo 一个 Vue Composition 演示 ```vue