docs: use new prose component Tabs (#920)

This commit is contained in:
Benjamin Canac
2023-11-07 13:01:42 +01:00
committed by GitHub
parent c601fc6c55
commit 042603a3c7
7 changed files with 76 additions and 85 deletions

View File

@@ -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)}
\`\`\`\
`, {

View File

@@ -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"}
::

View File

@@ -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"}
::

View File

@@ -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"}
::

View File

@@ -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"}
::

View File

@@ -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",

93
pnpm-lock.yaml generated
View File

@@ -146,8 +146,8 @@ importers:
specifier: ^0.2.0
version: 0.2.0(eslint@8.52.0)
'@nuxt/ui-pro':
specifier: ^0.4.2
version: 0.4.2(rollup@3.29.1)(vue@3.3.4)(webpack@5.88.2)
specifier: npm:@nuxt/ui-pro-edge@0.4.2-28322610.97c29ae
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):
resolution: {integrity: sha512-TmP2+dAaulIaxoAKB6lxIckluflTeanZ6NVdtL7TTxMduscVgzEWZ3ierDUTHKf8u4D3KtB9jXL0vZcNdnf5zg==}
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==}
/@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-UjnaxqKTjg4m/JH7WsFSOfTr38j/XAQ5gl/f5AYFH89nGCHSwyfEXCf2UDcyVCr53Nrotm7UNP+ZNuuXIGn8Yw==}
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==}