From 98c6419c12ebd133b9b535360f071290053494e1 Mon Sep 17 00:00:00 2001
From: Mohamed Tammam <51543900+MrMohamedAbdallah@users.noreply.github.com>
Date: Mon, 21 Apr 2025 08:23:09 +0200
Subject: [PATCH] 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>
---
 packages/docs/getting-started.md | 21 ++++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/packages/docs/getting-started.md b/packages/docs/getting-started.md
index ced36f14..57566cf6 100644
--- 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).
 :::
-- 
2.47.3