docs: split installation commands (#2975)

* Split installation commands

* chore: using code group component for installation command

* chore: add pnmp and bun install commands

* Update packages/docs/getting-started.md

---------

Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com>

diff --git a/packages/docs/getting-started.md b/packages/docs/getting-started.md
index ced36f14029e9335c511867a62a193e492788b85..57566cf6aa3ef7f28ab14a61df76c89d7e4cc926 100644 (file)
--- a/packages/docs/getting-started.md
+++ b/packages/docs/getting-started.md
@@ -7,12 +7,27 @@
 
 Install `pinia` with your favorite package manager:
 
-```bash
-yarn add pinia
-# or with npm
+
+::: code-group
+
+```bash [npm]
 npm install pinia
 ```
 
+```bash [yarn]
+yarn add pinia
+```
+
+```bash [pnpm]
+pnpm add pinia
+```
+
+```bash [bun]
+bun add pinia
+```
+
+:::
+
 :::tip
 If your app is using Vue <2.7, you also need to install the composition api: `@vue/composition-api`. If you are using Nuxt, you should follow [these instructions](/ssr/nuxt.md).
 :::