docs: use code-group for install commands (#2571)

vuejs · Dec 19, 2024 · 44f9a6f · 44f9a6f
1 parent 96ef276
commit 44f9a6f
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 6 deletions.
diff --git a/docs/fr/installation/index.md b/docs/fr/installation/index.md
@@ -1,12 +1,17 @@
 # Installation
 
-```bash
+::: code-group
+
+```shell [npm]
 npm install --save-dev @vue/test-utils
+```
 
-# or
+```shell [yarn]
 yarn add --dev @vue/test-utils
 ```
 
+:::
+
 ## Utilisation
 
 Vue Test Utils est un outil indépendant de tout framework - vous pouvez l'utiliser avec le gestionnaire de tests de votre choix. La manière la plus simple pour l'essayer est d'utiliser [Jest](https://jestjs.io/), un gestionnaire de tests populaire.

diff --git a/docs/installation/index.md b/docs/installation/index.md
@@ -1,12 +1,17 @@
 # Installation
 
-```bash
+::: code-group
+
+```shell [npm]
 npm install --save-dev @vue/test-utils
+```
 
-# or
+```shell [yarn]
 yarn add --dev @vue/test-utils
 ```
 
+:::
+
 ## Usage
 
 Vue Test Utils is framework agnostic - you can use it with whichever test runner you like. The easiest way to try it out is using [Jest](https://jestjs.io/), a popular test runner.

diff --git a/docs/zh/installation/index.md b/docs/zh/installation/index.md
@@ -1,12 +1,17 @@
 # 安装
 
-```bash
+::: code-group
+
+```shell [npm]
 npm install --save-dev @vue/test-utils
+```
 
-# or
+```shell [yarn]
 yarn add --dev @vue/test-utils
 ```
 
+:::
+
 ## 用法
 
 Vue Test Utils 是与框架无关的 - 你可以与任何你喜欢的测试运行器一起使用。最简单的尝试方式是使用 [Jest](https://jestjs.io/)，这是一个流行的测试运行器。