diff --git a/docs/app/components/FrameworkSelect.vue b/docs/app/components/FrameworkSelect.vue
index 203af074..2e4bbf20 100644
--- a/docs/app/components/FrameworkSelect.vue
+++ b/docs/app/components/FrameworkSelect.vue
@@ -20,7 +20,7 @@ watch(framework, () => {
color="neutral"
:ui="{
indicator: 'bg-default',
- trigger: 'px-1 data-[state=active]:text-highlighted'
+ trigger: 'px-1 data-[state=active]:text-highlighted w-full'
}"
size="xs"
@update:model-value="(framework = $event as string)"
diff --git a/docs/app/components/ModuleSelect.vue b/docs/app/components/ModuleSelect.vue
index 32b42517..7fa158b7 100644
--- a/docs/app/components/ModuleSelect.vue
+++ b/docs/app/components/ModuleSelect.vue
@@ -20,7 +20,7 @@ watch(module, () => {
color="neutral"
:ui="{
indicator: 'bg-default',
- trigger: 'px-1 data-[state=active]:text-highlighted'
+ trigger: 'px-1 data-[state=active]:text-highlighted w-full'
}"
size="xs"
@update:model-value="(module = $event as string)"
diff --git a/docs/content/3.components/kbd.md b/docs/content/3.components/kbd.md
index 88e88fd4..be38e8db 100644
--- a/docs/content/3.components/kbd.md
+++ b/docs/content/3.components/kbd.md
@@ -1,13 +1,11 @@
---
-title: Keyboard Key
+title: Kbd
description: A kbd element to display a keyboard key.
category: element
links:
- label: GitHub
icon: i-simple-icons-github
to: https://github.com/nuxt/ui/tree/v3/src/runtime/components/Kbd.vue
-navigation:
- title: Kbd
---
## Usage
diff --git a/playground-vue/index.html b/playground-vue/index.html
index a8fc6eb5..cfd94228 100644
--- a/playground-vue/index.html
+++ b/playground-vue/index.html
@@ -4,6 +4,8 @@
+
+
Nuxt UI - Vue Playground
diff --git a/src/module.ts b/src/module.ts
index 460d76f2..f6ed1a12 100644
--- a/src/module.ts
+++ b/src/module.ts
@@ -93,7 +93,7 @@ export default defineNuxtModule({
await registerModule('@nuxt/icon', 'icon', { cssLayer: 'components' })
if (options.fonts) {
- await registerModule('@nuxt/fonts', 'fonts', { experimental: { processCSSVariables: true } })
+ await registerModule('@nuxt/fonts', 'fonts', {})
}
if (options.colorMode) {
await registerModule('@nuxtjs/color-mode', 'colorMode', { classSuffix: '', disableTransition: true })
diff --git a/src/runtime/components/CheckboxGroup.vue b/src/runtime/components/CheckboxGroup.vue
index 6886f5ba..8933ce1a 100644
--- a/src/runtime/components/CheckboxGroup.vue
+++ b/src/runtime/components/CheckboxGroup.vue
@@ -74,6 +74,7 @@ import { useAppConfig } from '#imports'
import { useFormField } from '../composables/useFormField'
import { get, omit } from '../utils'
import { tv } from '../utils/tv'
+import UCheckbox from './Checkbox.vue'
const props = withDefaults(defineProps>(), {
valueKey: 'value',
diff --git a/src/templates.ts b/src/templates.ts
index 9ab720c0..99c7c927 100644
--- a/src/templates.ts
+++ b/src/templates.ts
@@ -44,7 +44,7 @@ export function getTemplates(options: ModuleOptions, uiConfig: Record {
+ return variants.filter(variant => json.includes(`as typeof ${variant}`)).map((variant) => {
const keys = Object.keys(result.variants[variant])
return `const ${variant} = ${JSON.stringify(keys, null, 2)} as const`
})
diff --git a/src/theme/calendar.ts b/src/theme/calendar.ts
index ba3ec638..4b192c1b 100644
--- a/src/theme/calendar.ts
+++ b/src/theme/calendar.ts
@@ -22,7 +22,7 @@ export default (options: Required) => ({
}])),
neutral: {
headCell: 'text-highlighted',
- cellTrigger: 'focus-visible:ring-inverted data-[selected]:bg-inverted data-today:not-data-[selected]:text-inverted data-[highlighted]:bg-inverted/20 hover:not-data-[selected]:bg-inverted/10'
+ cellTrigger: 'focus-visible:ring-inverted data-[selected]:bg-inverted data-today:not-data-[selected]:text-highlighted data-[highlighted]:bg-inverted/20 hover:not-data-[selected]:bg-inverted/10'
}
},
size: {
diff --git a/test/components/__snapshots__/Calendar-vue.spec.ts.snap b/test/components/__snapshots__/Calendar-vue.spec.ts.snap
index 84a7eae3..a54e4f64 100644
--- a/test/components/__snapshots__/Calendar-vue.spec.ts.snap
+++ b/test/components/__snapshots__/Calendar-vue.spec.ts.snap
@@ -389,140 +389,140 @@ exports[`Calendar > renders with color neutral correctly 1`] = `
|
- 29
+ 29
|
- 30
+ 30
|
- 31
+ 31
|
- 1
+ 1
|
- 2
+ 2
|
- 3
+ 3
|
- 4
+ 4
|
|
- 5
+ 5
|
- 6
+ 6
|
- 7
+ 7
|
- 8
+ 8
|
- 9
+ 9
|
- 10
+ 10
|
- 11
+ 11
|
|
- 12
+ 12
|
- 13
+ 13
|
- 14
+ 14
|
- 15
+ 15
|
- 16
+ 16
|
- 17
+ 17
|
- 18
+ 18
|
|
- 19
+ 19
|
- 20
+ 20
|
- 21
+ 21
|
- 22
+ 22
|
- 23
+ 23
|
- 24
+ 24
|
- 25
+ 25
|
|
- 26
+ 26
|
- 27
+ 27
|
- 28
+ 28
|
- 29
+ 29
|
- 30
+ 30
|
- 31
+ 31
|
- 1
+ 1
|
|
- 2
+ 2
|
- 3
+ 3
|
- 4
+ 4
|
- 5
+ 5
|
- 6
+ 6
|
- 7
+ 7
|
- 8
+ 8
|
diff --git a/test/components/__snapshots__/Calendar.spec.ts.snap b/test/components/__snapshots__/Calendar.spec.ts.snap
index de8a4096..83df242f 100644
--- a/test/components/__snapshots__/Calendar.spec.ts.snap
+++ b/test/components/__snapshots__/Calendar.spec.ts.snap
@@ -389,140 +389,140 @@ exports[`Calendar > renders with color neutral correctly 1`] = `
|
- 29
+ 29
|
- 30
+ 30
|
- 31
+ 31
|
- 1
+ 1
|
- 2
+ 2
|
- 3
+ 3
|
- 4
+ 4
|
|
- 5
+ 5
|
- 6
+ 6
|
- 7
+ 7
|
- 8
+ 8
|
- 9
+ 9
|
- 10
+ 10
|
- 11
+ 11
|
|
- 12
+ 12
|
- 13
+ 13
|
- 14
+ 14
|
- 15
+ 15
|
- 16
+ 16
|
- 17
+ 17
|
- 18
+ 18
|
|
- 19
+ 19
|
- 20
+ 20
|
- 21
+ 21
|
- 22
+ 22
|
- 23
+ 23
|
- 24
+ 24
|
- 25
+ 25
|
|
- 26
+ 26
|
- 27
+ 27
|
- 28
+ 28
|
- 29
+ 29
|
- 30
+ 30
|
- 31
+ 31
|
- 1
+ 1
|
|
- 2
+ 2
|
- 3
+ 3
|
- 4
+ 4
|
- 5
+ 5
|
- 6
+ 6
|
- 7
+ 7
|
- 8
+ 8
|