From b3b349aab77e444880d90a21d7d9c75b58a7b526 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Tue, 16 May 2023 16:15:55 +0200
Subject: [PATCH] docs: improve icons installations with all package managers

---
 docs/content/1.getting-started/3.theming.md | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/docs/content/1.getting-started/3.theming.md b/docs/content/1.getting-started/3.theming.md
index 3c6908a0..2eba2282 100644
--- a/docs/content/1.getting-started/3.theming.md
+++ b/docs/content/1.getting-started/3.theming.md
@@ -117,10 +117,22 @@ Unlike the official [nuxt-icon](https://github.com/nuxt-modules/icon/) module, t
 
 However, you will need to install the icon packages you want to use.
 
-```sh
-yarn add --dev @iconify/json-{collection_name}
+::code-group
+
+```bash [yarn]
+yarn add -D @iconify/json-{collection_name}
 ```
 
+```bash [npm]
+npm install -D @iconify/json-{collection_name}
+```
+
+```sh [pnpm]
+pnpm i -D @iconify/json-{collection_name}
+```
+
+::
+
 You can easily replace all the default icons of the components in your `app.config.ts`.
 
 ```ts [app.config.ts]