From 0b4e7ef9c3724f88979b60892f81680f09392eed Mon Sep 17 00:00:00 2001
From: Shahed Nasser <shahednasser@gmail.com>
Date: Wed, 4 Oct 2023 11:49:25 +0300
Subject: [PATCH] docs: fix preserve-symlink command for yarn in plugin docs
 (#5285)

* docs: fix preserve-symlink command for yarn in plugin docs

* added additional tab

* fix npm label
---
 .../content/development/plugins/create.mdx    | 35 +++++++++++++++++--
 1 file changed, 32 insertions(+), 3 deletions(-)

diff --git a/www/apps/docs/content/development/plugins/create.mdx b/www/apps/docs/content/development/plugins/create.mdx
index 69599984bef4a..6c2f1ff784d45 100644
--- a/www/apps/docs/content/development/plugins/create.mdx
+++ b/www/apps/docs/content/development/plugins/create.mdx
@@ -6,6 +6,8 @@ addHowToData: true
 import DocCardList from '@theme/DocCardList';
 import Icons from '@theme/Icon';
 import LearningPath from '@site/src/components/LearningPath';
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
 
 # How to Create a Plugin
 
@@ -521,9 +523,36 @@ npx medusa migrations run
 
 In the directory of the Medusa backend, start the backend with the `dev` command passing it the `--preserve-symlinks` option:
 
-```bash npm2yarn
-npm run dev -- -- --preserve-symlinks
-```
+<Tabs groupId="npm2yarn" isCodeTabs={true}>
+  <TabItem value="npm" label="npm" default>
+
+  ```bash
+  npm run dev -- -- --preserve-symlinks
+  ```
+
+  </TabItem>
+  <TabItem value="yarn-1" label="Yarn v1">
+
+  ```bash
+  yarn dev -- -- --preserve-symlinks
+  ```
+
+  </TabItem>
+  <TabItem value="yarn-berry" label="Yarn berry">
+
+  ```bash
+  yarn dev -- --preserve-symlinks
+  ```
+
+  </TabItem>
+  <TabItem value="pnpm" label="pnpm">
+
+  ```bash
+  pnpm run dev -- -- --preserve-symlinks
+  ```
+
+  </TabItem>
+</Tabs>
 
 ### Making Changes to the Plugin