mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-14 20:19:34 +01:00
docs: use new prose component Tabs (#920)
This commit is contained in:
@@ -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)}
|
||||
\`\`\`\
|
||||
`, {
|
||||
|
||||
@@ -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"}
|
||||
::
|
||||
|
||||
@@ -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"}
|
||||
::
|
||||
|
||||
@@ -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"}
|
||||
::
|
||||
|
||||
@@ -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"}
|
||||
::
|
||||
|
||||
@@ -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
93
pnpm-lock.yaml
generated
@@ -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==}
|
||||
|
||||
Reference in New Issue
Block a user