From 042603a3c772b41333d7c2eed868a48ab011fa7c Mon Sep 17 00:00:00 2001 From: Benjamin Canac Date: Tue, 7 Nov 2023 13:01:42 +0100 Subject: [PATCH] docs: use new prose component `Tabs` (#920) --- docs/components/content/ComponentPreset.vue | 2 +- docs/content/2.elements/11.meter.md | 16 ++-- docs/content/2.elements/3.avatar.md | 16 ++-- docs/content/2.elements/5.button.md | 16 ++-- docs/content/3.forms/6.radio-group.md | 16 ++-- docs/package.json | 2 +- pnpm-lock.yaml | 93 ++++++++++----------- 7 files changed, 76 insertions(+), 85 deletions(-) diff --git a/docs/components/content/ComponentPreset.vue b/docs/components/content/ComponentPreset.vue index ae030292..1d6bf46c 100644 --- a/docs/components/content/ComponentPreset.vue +++ b/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)} \`\`\`\ `, { diff --git a/docs/content/2.elements/11.meter.md b/docs/content/2.elements/11.meter.md index d22ef4e6..e8ee4fd3 100644 --- a/docs/content/2.elements/11.meter.md +++ b/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"} +:: diff --git a/docs/content/2.elements/3.avatar.md b/docs/content/2.elements/3.avatar.md index 33cfd72d..e8ff8bd6 100644 --- a/docs/content/2.elements/3.avatar.md +++ b/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"} +:: diff --git a/docs/content/2.elements/5.button.md b/docs/content/2.elements/5.button.md index 109e1e2d..fa593b70 100644 --- a/docs/content/2.elements/5.button.md +++ b/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"} +:: diff --git a/docs/content/3.forms/6.radio-group.md b/docs/content/3.forms/6.radio-group.md index 1a554a11..647cbf6b 100644 --- a/docs/content/3.forms/6.radio-group.md +++ b/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"} +:: diff --git a/docs/package.json b/docs/package.json index caab9426..cbbf20a6 100644 --- a/docs/package.json +++ b/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", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index a5a23b42..e811ae51 100644 --- a/pnpm-lock.yaml +++ b/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 - 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==}