docs: include outline and code-group (#1063)

.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',
+              },
             ],
           },
         ],

guide/assets.md

@@ -1,3 +1,7 @@
+---
+outline: [2, 3]
+---
+
 # 静的アセットの取り扱い
 
 - 関連: [Public Base Path](./build#public-base-path)

guide/cli.md

@@ -1,3 +1,7 @@
+---
+outline: [2, 3]
+---
+
 # コマンドラインインターフェイス
 
 ## 開発サーバ

guide/dep-pre-bundling.md

@@ -1,3 +1,7 @@
+---
+outline: [2, 3]
+---
+
 # 依存関係の事前バンドル
 
 初めて、`vite` を実行すると、Vite は、あなたのサイトをローカルで読み込む前に、プロジェクトの依存関係を事前バンドルします。これはデフォルトで自動的に、かつ透過的に行われます。

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 のプロジェクトを生成するには以下のコマンドを実行します:

guide/why.md

@@ -1,3 +1,7 @@
+---
+outline: [2, 3]
+---
+
 # なぜ Vite なのか
 
 ## 問題点