替换所有 simple-icons

content/1.简单文档/1.index.md

@@ -6,6 +6,48 @@ navigation:
 ---
 
 
+::::code-group
+
+```bash [pnpm]
+pnpm add @nuxt/ui-pro@next
+```
+
+```bash [yarn]
+yarn add @nuxt/ui-pro@next
+```
+
+```bash [npm]
+npm install @nuxt/ui-pro@next
+```
+
+```bash [bun]
+bun add @nuxt/ui-pro@next
+```
+::::
+
+
+
+## Usage
+::note
+You can pass any property from the HTML `<img>` element such as `alt`, `loading`, etc.
+::
+
+::stack
+  ::div{class="p-4 space-x-2"}
+    :icon{name="lucide:box" class="size-6"}
+    :icon{name="vscode-icons:file-type-js-official" class="size-6"}
+    :icon{name="vscode-icons:file-type-vue" class="size-6"}
+    :icon{name="vscode-icons:file-type-nuxt" class="size-6"}
+  ::
+
+  ```mdc
+  :icon{name="lucide:box"}
+  :icon{name="vscode-icons:file-type-js-official"}
+  :icon{name="vscode-icons:file-type-vue"}
+  :icon{name="vscode-icons:file-type-nuxt" :size="30"}
+  ```
+::
+
 ::ETabs
   ::div{label="PostgreSQL" icon="lucide:database"}
   ### PostgreSQL column types