From f869576868c51cff05db4cbc3388ac7a3239fadb Mon Sep 17 00:00:00 2001
From: Jun Shindo <46585162+jay-es@users.noreply.github.com>
Date: Mon, 21 Aug 2023 22:03:00 +0900
Subject: [PATCH] docs: include outline and code-group (#1063)

---
 .vitepress/config.ts      |  4 ++++
 guide/assets.md           |  4 ++++
 guide/cli.md              |  4 ++++
 guide/dep-pre-bundling.md |  4 ++++
 guide/index.md            | 14 ++++++--------
 guide/why.md              |  4 ++++
 6 files changed, 26 insertions(+), 8 deletions(-)

diff --git a/.vitepress/config.ts b/.vitepress/config.ts
index a7bfbfd9..e3a77a36 100644
--- a/.vitepress/config.ts
+++ b/.vitepress/config.ts
@@ -171,6 +171,10 @@ export default defineConfig({
                 text: '変更履歴',
                 link: 'https://github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md',
               },
+              {
+                text: '貢献ガイド',
+                link: 'https://github.com/vitejs/docs-ja/blob/main/CONTRIBUTING.md',
+              },
             ],
           },
         ],
diff --git a/guide/assets.md b/guide/assets.md
index 5faff4b1..acd6e534 100644
--- a/guide/assets.md
+++ b/guide/assets.md
@@ -1,3 +1,7 @@
+---
+outline: [2, 3]
+---
+
 # 静的アセットの取り扱い
 
 - 関連: [Public Base Path](./build#public-base-path)
diff --git a/guide/cli.md b/guide/cli.md
index f96cb737..b2a3be59 100644
--- a/guide/cli.md
+++ b/guide/cli.md
@@ -1,3 +1,7 @@
+---
+outline: [2, 3]
+---
+
 # コマンドラインインターフェイス
 
 ## 開発サーバ
diff --git a/guide/dep-pre-bundling.md b/guide/dep-pre-bundling.md
index 56c74687..6be0de11 100644
--- a/guide/dep-pre-bundling.md
+++ b/guide/dep-pre-bundling.md
@@ -1,3 +1,7 @@
+---
+outline: [2, 3]
+---
+
 # 依存関係の事前バンドル
 
 初めて、`vite` を実行すると、Vite は、あなたのサイトをローカルで読み込む前に、プロジェクトの依存関係を事前バンドルします。これはデフォルトで自動的に、かつ透過的に行われます。
diff --git a/guide/index.md b/guide/index.md
index c725c094..923c1438 100644
--- a/guide/index.md
+++ b/guide/index.md
@@ -45,24 +45,22 @@ Vite は完全な型サポートのある [Plugin API](./api-plugin) と [JavaSc
 Vite は [Node.js](https://nodejs.org/en/) 14.18+、16+ のバージョンが必要です。ただし、一部のテンプレートではそれ以上のバージョンの Node.js を必要としますので、パッケージマネージャが警告を出した場合はアップグレードしてください。
 :::
 
-NPM を使う場合:
+::: code-group
 
-```bash
+```bash [NPM]
 $ npm create vite@latest
 ```
 
-Yarn を使う場合:
-
-```bash
+```bash [Yarn]
 $ yarn create vite
 ```
 
-PNPM を使う場合:
-
-```bash
+```bash [PNPM]
 $ pnpm create vite
 ```
 
+:::
+
 あとは画面表示に従ってください！
 
 プロジェクト名や使用するテンプレートは、追加のコマンドラインオプションによって直接指定することもできます。例えば Vite + Vue のプロジェクトを生成するには以下のコマンドを実行します:
diff --git a/guide/why.md b/guide/why.md
index a4476b05..5ad607d6 100644
--- a/guide/why.md
+++ b/guide/why.md
@@ -1,3 +1,7 @@
+---
+outline: [2, 3]
+---
+
 # なぜ Vite なのか
 
 ## 問題点