feat(module)!: migrate to reka-ui (#2448)

docs/content/3.components/accordion.md

@@ -2,8 +2,8 @@
 description: A stacked set of collapsible panels.
 links:
   - label: Accordion
-    icon: i-custom-radix-vue
-    to: https://www.radix-vue.com/components/accordion.html
+    icon: i-custom-reka-ui
+    to: https://reka-ui.com/docs/components/accordion
   - label: GitHub
     icon: i-simple-icons-github
     to: https://github.com/nuxt/ui/tree/v3/src/runtime/components/Accordion.vue
@@ -104,6 +104,38 @@ props:
 ---
 ::
 
+### Unmount
+
+Use the `unmount-on-hide` prop to prevent the content from being unmounted when the accordion is collapsed. Defaults to `true`.
+
+::component-code
+---
+ignore:
+  - items
+external:
+  - items
+hide:
+  - class
+props:
+  class: 'px-4'
+  unmountOnHide: false
+  items:
+    - label: 'Icons'
+      icon: 'i-lucide-smile'
+      content: 'You have nothing to do, @nuxt/icon will handle it automatically.'
+    - label: 'Colors'
+      icon: 'i-lucide-swatch-book'
+      content: 'Choose a primary and a neutral color from your Tailwind CSS theme.'
+    - label: 'Components'
+      icon: 'i-lucide-box'
+      content: 'You can customize components by using the `class` / `ui` props or in your app.config.ts.'
+---
+::
+
+::note
+You can inspect the DOM to see each item's content being rendered.
+::
+
 ### Disabled
 
 Use the `disabled` property to disable the Accordion.