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
+::tabs
-
+  :component-props{label="Meter"}
-:u-divider{label="MeterGroup" type="dashed" class="my-12"}
+  :component-props{label="MeterGroup" slug="UMeterGroup"}
-
+::
-:component-props{slug="UMeterGroup"}
 
 ## Config
 
-:component-preset
+::tabs
-
+  :component-preset{label="Meter"}
-:component-preset{slug="MeterGroup"}
+  :component-preset{label="MeterGroup" slug="MeterGroup"}
+::

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

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

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

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

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

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

pnpm-lock.yaml

@@ -146,8 +146,8 @@ importers:
         specifier: ^0.2.0
         version: 0.2.0(eslint@8.52.0)
       '@nuxt/ui-pro':
-        specifier: ^0.4.2
+        specifier: npm:@nuxt/ui-pro-edge@0.4.2-28322610.97c29ae
-        version: 0.4.2(rollup@3.29.1)(vue@3.3.4)(webpack@5.88.2)
+        version: /@nuxt/ui-pro-edge@0.4.2-28322610.97c29ae(nuxt@3.8.0)(rollup@3.29.1)(vite@4.5.0)(vue@3.3.4)(webpack@5.88.2)
       '@nuxthq/studio':
         specifier: ^1.0.3
         version: 1.0.3(rollup@3.29.1)
@@ -1253,7 +1253,6 @@ packages:
     resolution: {integrity: sha512-jFIyhRq3P/ymUnfq9CoYDfd6H3nmh5a/qlj/KZqN4ipuYYTIIoP7XkW9TMydOB4g7YqblnGzxXUjKZiJO06jLw==}
     dependencies:
       '@iconify/types': 2.0.0
-    dev: false
 
   /@iconify/types@2.0.0:
     resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
@@ -1836,48 +1835,15 @@ packages:
       - rollup
       - supports-color
 
-  /@nuxt/ui-pro@0.4.2(rollup@3.29.1)(vue@3.3.4)(webpack@5.88.2):
+  /@nuxt/ui-edge@2.10.0-28321529.c601fc6(nuxt@3.8.0)(rollup@3.29.1)(vite@4.5.0)(vue@3.3.4)(webpack@5.88.2):
-    resolution: {integrity: sha512-TmP2+dAaulIaxoAKB6lxIckluflTeanZ6NVdtL7TTxMduscVgzEWZ3ierDUTHKf8u4D3KtB9jXL0vZcNdnf5zg==}
+    resolution: {integrity: sha512-UjnaxqKTjg4m/JH7WsFSOfTr38j/XAQ5gl/f5AYFH89nGCHSwyfEXCf2UDcyVCr53Nrotm7UNP+ZNuuXIGn8Yw==}
-    dependencies:
-      '@nuxt/ui': 2.10.0(rollup@3.29.1)(vue@3.3.4)(webpack@5.88.2)
-      '@vueuse/core': 10.5.0(vue@3.3.4)
-      defu: 6.1.3
-      nuxt-icon: 0.6.1(rollup@3.29.1)(vue@3.3.4)
-      ofetch: 1.3.3
-      pathe: 1.1.1
-      tailwind-merge: 1.14.0
-    transitivePeerDependencies:
-      - '@vue/composition-api'
-      - async-validator
-      - axios
-      - change-case
-      - drauu
-      - focus-trap
-      - idb-keyval
-      - jwt-decode
-      - nprogress
-      - qrcode
-      - rollup
-      - sortablejs
-      - supports-color
-      - ts-node
-      - universal-cookie
-      - vue
-      - webpack
-    dev: true
-
-  /@nuxt/ui-templates@1.3.1:
-    resolution: {integrity: sha512-5gc02Pu1HycOVUWJ8aYsWeeXcSTPe8iX8+KIrhyEtEoOSkY0eMBuo0ssljB8wALuEmepv31DlYe5gpiRwkjESA==}
-
-  /@nuxt/ui@2.10.0(rollup@3.29.1)(vue@3.3.4)(webpack@5.88.2):
-    resolution: {integrity: sha512-pMv0BWWkeUOAJ+YkXr6xirbg2iHXKerIk9hYS7blp0aBehBTBq1gxHdtl+iA2hq9+LFahO6WyA7SJnw3h0thvQ==}
     engines: {node: '>=v16.20.2'}
     dependencies:
       '@egoist/tailwindcss-icons': 1.4.0(tailwindcss@3.3.5)
       '@headlessui/tailwindcss': 0.2.0(tailwindcss@3.3.5)
       '@headlessui/vue': 1.7.16(vue@3.3.4)
       '@iconify-json/heroicons': 1.1.13
-      '@nuxt/kit': 3.8.0(rollup@3.29.1)
+      '@nuxt/kit': 3.8.1(rollup@3.29.1)
       '@nuxtjs/color-mode': 3.3.0(rollup@3.29.1)
       '@nuxtjs/tailwindcss': 6.8.1(rollup@3.29.1)(webpack@5.88.2)
       '@popperjs/core': 2.11.8
@@ -1890,6 +1856,7 @@ packages:
       '@vueuse/math': 10.5.0(vue@3.3.4)
       defu: 6.1.3
       fuse.js: 6.6.2
+      nuxt-icon: 0.6.3(nuxt@3.8.0)(rollup@3.29.1)(vite@4.5.0)(vue@3.3.4)
       ohash: 1.1.3
       pathe: 1.1.1
       scule: 1.0.0
@@ -1905,16 +1872,52 @@ packages:
       - idb-keyval
       - jwt-decode
       - nprogress
+      - nuxt
       - qrcode
       - rollup
       - sortablejs
       - supports-color
       - ts-node
       - universal-cookie
+      - vite
       - vue
       - webpack
     dev: true
 
+  /@nuxt/ui-pro-edge@0.4.2-28322610.97c29ae(nuxt@3.8.0)(rollup@3.29.1)(vite@4.5.0)(vue@3.3.4)(webpack@5.88.2):
+    resolution: {integrity: sha512-PCE/AS9JWsJs1rc8C1k+6g6HnxNcF7SsPxnNq1WEXuD2WHOVij0p70RBcGVtS1fwBtqd+mZn752ieofpnlXmaw==}
+    dependencies:
+      '@nuxt/ui': /@nuxt/ui-edge@2.10.0-28321529.c601fc6(nuxt@3.8.0)(rollup@3.29.1)(vite@4.5.0)(vue@3.3.4)(webpack@5.88.2)
+      '@vueuse/core': 10.5.0(vue@3.3.4)
+      defu: 6.1.3
+      ofetch: 1.3.3
+      pathe: 1.1.1
+      tailwind-merge: 1.14.0
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - async-validator
+      - axios
+      - change-case
+      - drauu
+      - focus-trap
+      - idb-keyval
+      - jwt-decode
+      - nprogress
+      - nuxt
+      - qrcode
+      - rollup
+      - sortablejs
+      - supports-color
+      - ts-node
+      - universal-cookie
+      - vite
+      - vue
+      - webpack
+    dev: true
+
+  /@nuxt/ui-templates@1.3.1:
+    resolution: {integrity: sha512-5gc02Pu1HycOVUWJ8aYsWeeXcSTPe8iX8+KIrhyEtEoOSkY0eMBuo0ssljB8wALuEmepv31DlYe5gpiRwkjESA==}
+
   /@nuxt/vite-builder@3.8.0(eslint@8.52.0)(rollup@3.29.1)(typescript@5.2.2)(vue-tsc@1.8.21)(vue@3.3.4):
     resolution: {integrity: sha512-F9BfH+c/Idp6sBGVHR4QJSuoO42evtE4D0OelD45NgkqVvmBmOawlj0Oz5fDKoV64LDPI2+yE+xnBdQtsNv/VA==}
     engines: {node: ^14.18.0 || >=16.10.0}
@@ -8976,17 +8979,6 @@ packages:
       - supports-color
     dev: true
 
-  /nuxt-icon@0.6.1(rollup@3.29.1)(vue@3.3.4):
-    resolution: {integrity: sha512-a4/MEmbP2hXB0sLWBqevC+569FADEMs+VfYJ6nzbktUSJY57/PoHyen0PtqAAkMjGGhHgDVHAcjy5RCJyYZRYg==}
-    dependencies:
-      '@iconify/vue': 4.1.1(vue@3.3.4)
-      '@nuxt/kit': 3.8.0(rollup@3.29.1)
-    transitivePeerDependencies:
-      - rollup
-      - supports-color
-      - vue
-    dev: true
-
   /nuxt-icon@0.6.3(nuxt@3.8.0)(rollup@3.29.1)(vite@4.5.0)(vue@3.3.4):
     resolution: {integrity: sha512-KGXMeIVN6lqeionynp/ClU6mk93KN5FApR+N+3qx05C8Y2fbpNsgHJ5zzTjdzpNPrn7eNJSkWDt2tFKnXx0s6g==}
     dependencies:
@@ -9000,7 +8992,6 @@ packages:
       - supports-color
       - vite
       - vue
-    dev: false
 
   /nuxt-og-image@2.2.4(rollup@3.29.1)(vue@3.3.4):
     resolution: {integrity: sha512-A7QNMi+/DueEOPgxIWCvUJU8UxgxyUtRrLd7QB6YVeXrBEFFhWD8/2wLbcSdZyAzpVmuE6cA7bSU3z3U/e7K/w==}