docs(ComponentCode): ignore externals manually

docs/app/components/content/ComponentCode.vue

@@ -50,7 +50,7 @@ function mapKeys(obj, parentKey = '') {
 
     const fullKey = parentKey ? `${parentKey}.${key}` : key
 
-    return !props.ignore?.includes(fullKey) && !props.hide?.includes(fullKey) && !props.external?.includes(fullKey) ? fullKey : undefined
+    return !props.ignore?.includes(fullKey) && !props.hide?.includes(fullKey) ? fullKey : undefined
   }).filter(Boolean)
 }
 

docs/content/3.components/accordion.md

@@ -23,6 +23,8 @@ Use the `items` prop as an array of objects with the following properties:
 
 ::component-code
 ---
+ignore:
+  - items
 external:
   - items
 hide:
@@ -50,6 +52,7 @@ Set the `type` prop to `multiple` to allow multiple items to be active at the sa
 ---
 ignore:
   - type
+  - items
 external:
   - items
 hide:
@@ -78,6 +81,7 @@ When `type` is `single`, you can set the `collapsible` prop to `false` to preven
 ---
 ignore:
   - collapsible
+  - items
 external:
   - items
 hide:
@@ -106,6 +110,8 @@ You can also disable a specific item by using the `disabled` property in the ite
 
 ::component-code
 ---
+ignore:
+  - items
 external:
   - items
 hide:
@@ -135,6 +141,8 @@ You can also set an icon for a specific item by using the `trailingIcon` propert
 
 ::component-code
 ---
+ignore:
+  - items
 external:
   - items
 hide:

docs/content/3.components/breadcrumb.md

@@ -19,6 +19,8 @@ You can also pass any property from [NuxtLink](https://nuxt.com/docs/api/compone
 
 ::component-code
 ---
+ignore:
+  - items
 external:
   - items
 props:
@@ -44,6 +46,8 @@ Use the `separator-icon` prop to customize the [Icon](/components/icon) between
 
 ::component-code
 ---
+ignore:
+  - items
 external:
   - items
 props:

docs/content/3.components/checkbox.md

@@ -15,6 +15,8 @@ Use the `v-model` directive to control the checked state of the Checkbox.
 
 ::component-code
 ---
+ignore:
+  - modelValue
 external:
   - modelValue
 props:

docs/content/3.components/input.md

@@ -12,6 +12,8 @@ Use the `v-model` directive to control the value of the Input.
 
 ::component-code
 ---
+ignore:
+  - modelValue
 external:
   - modelValue
 props:

docs/content/3.components/radio-group.md

@@ -23,6 +23,9 @@ Use the `v-model` directive to control the value of the RadioGroup.
 
 ::component-code
 ---
+ignore:
+  - modelValue
+  - items
 external:
   - modelValue
   - items
@@ -45,6 +48,8 @@ Use the `default-value` prop to set the initial value when you do not need to co
 
 ::component-code
 ---
+ignore:
+  - items
 external:
   - items
 props:
@@ -70,6 +75,7 @@ Use the `legend` prop to set the legend of the RadioGroup.
 ---
 ignore:
   - defaultValue
+  - items
 external:
   - items
 props:
@@ -96,6 +102,7 @@ Use the `orientation` prop to change the orientation of the RadioGroup. Defaults
 ---
 ignore:
   - defaultValue
+  - items
 external:
   - items
 props:
@@ -122,6 +129,7 @@ Use the `color` prop to change the color of the RadioGroup.
 ---
 ignore:
   - defaultValue
+  - items
 external:
   - items
 props:
@@ -148,6 +156,7 @@ Use the `size` prop to change the size of the RadioGroup.
 ---
 ignore:
   - defaultValue
+  - items
 external:
   - items
 props:
@@ -174,6 +183,7 @@ Use the `disabled` prop to disable the RadioGroup.
 ---
 ignore:
   - defaultValue
+  - items
 external:
   - items
 props:

docs/content/3.components/slider.md

@@ -15,6 +15,8 @@ Use the `v-model` directive to control the value of the Slider.
 
 ::component-code
 ---
+ignore:
+  - modelValue
 external:
   - modelValue
 props:
@@ -66,6 +68,8 @@ Use the `v-model` directive or the `default-value` prop with an array of values
 
 ::component-code
 ---
+ignore:
+  - modelValue
 external:
   - modelValue
 props:
@@ -77,6 +81,8 @@ Use the `min-steps-between-thumbs` prop to limit the minimum distance between th
 
 ::component-code
 ---
+ignore:
+  - modelValue
 external:
   - modelValue
 props:
@@ -103,7 +109,7 @@ props:
 
 ### Color
 
-Use the `color` prop to change the color of the Checkbox.
+Use the `color` prop to change the color of the Slider.
 
 ::component-code
 ---
@@ -117,7 +123,7 @@ props:
 
 ### Size
 
-Use the `size` prop to change the size of the Checkbox.
+Use the `size` prop to change the size of the Slider.
 
 ::component-code
 ---
@@ -131,7 +137,7 @@ props:
 
 ### Disabled
 
-Use the `disabled` prop to disable the Checkbox.
+Use the `disabled` prop to disable the Slider.
 
 ::component-code
 ---
@@ -143,6 +149,20 @@ props:
 ---
 ::
 
+### Inverted
+
+Use the `inverted` prop to visually invert the Slider.
+
+::component-code
+---
+ignore:
+  - defaultValue
+props:
+  inverted: true
+  defaultValue: 25
+---
+::
+
 ## API
 
 ### Props

docs/content/3.components/switch.md

@@ -15,6 +15,8 @@ Use the `v-model` directive to control the checked state of the Switch.
 
 ::component-code
 ---
+ignore:
+  - modelValue
 external:
   - modelValue
 props:

docs/content/3.components/tabs.md

@@ -23,6 +23,8 @@ Use the `items` prop as an array of objects with the following properties:
 
 ::component-code
 ---
+ignore:
+  - items
 external:
   - items
 hide:
@@ -49,6 +51,7 @@ You can set it to `false` to prevent the Tabs from rendering any content and act
 ---
 ignore:
   - content
+  - items
 external:
   - items
 hide:
@@ -73,6 +76,7 @@ You can also choose to only render the content of the active tab by setting `con
 prettier: true
 ignore:
   - content.forceMount
+  - items
 external:
   - items
 hide:
@@ -103,6 +107,7 @@ Use the `color` prop to change the color of the Tabs.
 ---
 ignore:
   - content
+  - items
 external:
   - items
 hide:
@@ -125,6 +130,7 @@ Use the `variant` prop to change the variant of the Tabs.
 ---
 ignore:
   - content
+  - items
 external:
   - items
 hide:
@@ -148,6 +154,7 @@ Use the `size` prop to change the size of the Tabs.
 ---
 ignore:
   - content
+  - items
 external:
   - items
 hide:
@@ -171,6 +178,7 @@ Use the `orientation` prop to change the orientation of the Tabs. Defaults to `h
 ---
 ignore:
   - content
+  - items
 external:
   - items
 hide:

docs/content/3.components/textarea.md

@@ -12,6 +12,8 @@ Use the `v-model` directive to control the value of the Textarea.
 
 ::component-code
 ---
+ignore:
+  - modelValue
 external:
   - modelValue
 props:
@@ -109,6 +111,8 @@ Use the `autoresize` prop to enable autoresizing the height of the Textarea.
 
 ::component-code
 ---
+ignore:
+  - modelValue
 external:
   - modelValue
 props:
@@ -121,6 +125,8 @@ Use the `maxrows` prop to set the maximum number of rows when autoresizing. If s
 
 ::component-code
 ---
+ignore:
+  - modelValue
 external:
   - modelValue
 props: