docs: use new prose component Tabs (#920)

docs/components/content/ComponentPreset.vue

@@ -24,7 +24,7 @@ const name = `U${upperFirst(camelName)}`
 const preset = config[camelName]
 
 const { data: ast } = await useAsyncData(`${name}-preset`, () => transformContent('content:_markdown.md', `
-\`\`\`json [${name}.vue]
+\`\`\`json
 ${JSON.stringify(preset, null, 2)}
 \`\`\`\
 `, {

docs/content/2.elements/11.meter.md

@@ -165,14 +165,14 @@ The `label` slot can be used to change how the label below the meter bar is show
 
 ## Props
 
-:component-props
-
-:u-divider{label="MeterGroup" type="dashed" class="my-12"}
-
-:component-props{slug="UMeterGroup"}
+::tabs
+  :component-props{label="Meter"}
+  :component-props{label="MeterGroup" slug="UMeterGroup"}
+::
 
 ## Config
 
-:component-preset
-
-:component-preset{slug="MeterGroup"}
+::tabs
+  :component-preset{label="Meter"}
+  :component-preset{label="MeterGroup" slug="MeterGroup"}
+::

docs/content/2.elements/3.avatar.md

@@ -109,14 +109,14 @@ code: |
 
 ## Props
 
-:component-props
-
-:u-divider{label="AvatarGroup" type="dashed" class="my-12"}
-
-:component-props{slug="UAvatarGroup"}
+::tabs
+  :component-props{label="Avatar"}
+  :component-props{label="AvatarGroup" slug="UAvatarGroup"}
+::
 
 ## Config
 
-:component-preset
-
-:component-preset{slug="AvatarGroup"}
+::tabs
+  :component-preset{label="Avatar"}
+  :component-preset{label="AvatarGroup" slug="AvatarGroup"}
+::

docs/content/2.elements/5.button.md

@@ -371,14 +371,14 @@ excludedProps:
 
 ## Props
 
-:component-props
-
-:u-divider{label="ButtonGroup" type="dashed" class="my-12"}
-
-:component-props{slug="UButtonGroup"}
+::tabs
+  :component-props{label="Button"}
+  :component-props{label="ButtonGroup" slug="UButtonGroup"}
+::
 
 ## Config
 
-:component-preset
-
-:component-preset{slug="ButtonGroup"}
+::tabs
+  :component-preset{label="Button"}
+  :component-preset{label="ButtonGroup" slug="ButtonGroup"}
+::

docs/content/3.forms/6.radio-group.md

@@ -145,14 +145,14 @@ slots:
 
 ## Props
 
-:component-props
-
-:u-divider{label="Radio" type="dashed" class="my-12"}
-
-:component-props{slug="URadio"}
+::tabs
+  :component-props{label="Radio" slug="URadio"}
+  :component-props{label="RadioGroup"}
+::
 
 ## Config
 
-:component-preset
-
-:component-preset{slug="Radio"}
+::tabs
+  :component-preset{label="Radio" slug="Radio"}
+  :component-preset{label="RadioGroup"}
+::

docs/package.json

@@ -11,7 +11,7 @@
     "@nuxt/content": "^2.9.0",
     "@nuxt/devtools": "^1.0.0",
     "@nuxt/eslint-config": "^0.2.0",
-    "@nuxt/ui-pro": "^0.4.2",
+    "@nuxt/ui-pro": "npm:@nuxt/ui-pro-edge@0.4.2-28322610.97c29ae",
     "@nuxthq/studio": "^1.0.3",
     "@nuxtjs/fontaine": "^0.4.1",
     "@nuxtjs/google-fonts": "^3.0.2",