stop 和 reload emits (#5400) 736a547name 类型 (#5498) b654a77#app 导入 (#5491) da8daaa#build/ui.css 别名 (#5499) d9aadc7现在提供两个新组件来处理日期和时间输入InputDate (#5387) 和InputTime (#5302).
<script setup lang="ts">
const date = ref(new CalendarDate(2022, 2, 3))
const time = ref(new Time(12, 30, 0))
</script>
<template>
<UInputDate v-model="date" />
<UInputTime v-model="time" />
</template>
您现在可以使用 Tailwind CSS 的prefix 选项 (#5341) 为 Nuxt UI 生成的所有实用工具添加前缀，避免与您自己的样式或其他库冲突。
export default defineNuxtConfig({
modules: ['@nuxt/ui'],
css: ['~/assets/css/main.css'],
ui: {
theme: {
prefix: 'tw'
}
}
})
@import "tailwindcss" prefix(tw);
@import "@nuxt/ui";
暴露的 ref 现在始终直接返回 HTML 元素而不是组件实例。这会影响 InputMenu、InputNumber、InputTags、Select 和 SelectMenu。
<script setup lang="ts">
const inputMenu = useTemplateRef('inputMenu')
- inputMenu.value.inputRef.$el // Component instance
+ inputMenu.value.inputRef // HTML element directly
</script>
之前可组合项的导出存在问题，您不再需要 .js 扩展名
<script setup lang="ts">
- import { useToast } from '@nuxt/ui/composables/useToast.js'
+ import { useToast } from '@nuxt/ui/composables/useToast'
// or
+ import { useToast } from '@nuxt/ui/composables'
</script>
Vite 插件现在正确地将主题文件生成为真实文件，而不是错误地将它们打包在 NPM 上的 .nuxt/ 内部。这确保了 #build/ui.css 导入和自定义主题配置能够正常工作。
使用 Vite 插件时，请更新您的 tsconfig.node.json 别名
{
"compilerOptions": {
"paths": {
"#build/ui": [
- "./node_modules/@nuxt/ui/.nuxt/ui"
+ "./node_modules/.nuxt-ui/ui"
]
}
}
}
data-slot 属性 (#5447) (dd81d46)preview 属性 (#5443) (2af82e7)scrollable 属性 (#5306) (240897e)theme.prefix 选项 (#5341) (7fca5d7)estimateSize 作为函数 (ebc8568)leading 插槽时显示标题 (#5405) (b61127a)disabled 属性 (a8f2156)，关闭#5300locale / dir 属性代理 (#5432) (a6efa7a)nested 属性类型处理并简化逻辑 (#5360) (8d5c26f)modelModifiers 泛型 (#5361) (5c347af)vue-router 和 inertia 部分扩展 (637ef58)experimental.componentDetection 时检测懒加载组件 (5a5ac45)experimental.componentDetection 时扫描层 (9872740)，关闭#5389modelValue / defaultValue (cffaaaa)，关闭#5392inline-block 类 (#5317) (fc36f69)update:modelValue emit 类型 (#5349) (4cb0638)th (#5418) (620defa)import.meta.env.SSR 以支持 vite-ssg (#5347) (8f38c04)现在提供一个新的空组件，用于在没有内容显示时显示空状态 (#5200).
使用 virtualize 属性为大型数据集启用CommandPalette, InputMenu, SelectMenu, Table和Tree组件上的虚拟化 (#5162).
<template>
<UTable :data="data" :columns="columns" virtualize />
</template>
在您的 nuxt.config.ts 中启用新的experimental.componentDetection选项，以自动检测实际使用的组件，并仅为这些组件（包括其依赖项）生成必要的 CSS (#5222).
export default defineNuxtConfig({
modules: ['@nuxt/ui'],
css: ['~/assets/css/main.css'],
ui: {
experimental: {
componentDetection: true
}
}
})
对于这些小的破坏性更改，我们深表歉意。库中有 110 多个组件，我们偶尔需要进行更正以保持一致性和质量。我们旨在尽量减少破坏性更改，但有时它们是长期改进开发人员体验所必需的。
trailing-icon 属性现在用于输入，并添加了一个新的 children-icon 属性来自定义子项的图标
<template>
- <UCommandPalette :trailing-icon="i-lucide-arrow-right" />
+ <UCommandPalette :children-icon="i-lucide-arrow-right" />
</template>
@select 事件现在以一致的顺序传递参数：(event, row) 而不是 (row, event)
<template>
- <UTable @select="(row, e) => {}" />
+ <UTable @select="(e, row) => {}" />
</template>
variant 属性 (#5138) (bb4f42c)children-icon 属性以在输入中使用 trailing-icon (#4397) (edda8a6)ui 到插槽属性中 (#5207) (63c0a5f)description (#5193) (70cf05f)increment / decrement 作为布尔值 (#4805) (1858908)experimental.componentDetection 选项 (#5222) (f80474c)close 方法 (#5176) (53c6508)zoom 过渡 (#4998) (d502c30)$el (#5239) (fcf6117)max 全局配置 (#5068) (e4c6113)image 属性中的任何属性 (9632f99)，关闭#5276active (cc8cbf3)，关闭#4771should-auto-scroll 滚动 (#5252) (db73765)ui 属性类型 (#5234) (240bc1a)presentation 角色的项目包装器 (70aaf4a)，关闭#4945ui 属性 (#5205) (d1afe90)div 而不是 main (2a09ac0)，关闭#4955uppercase 类 (#5238) (4095c9a)$el 而不是 rootRef (c019f8f)，关闭#5230 #5162⎋ 更新为 Esc (#5076) (27aa80c)img 角色 (066b8a1)，关闭#5044parts 的流式传输 (ff67fa3)data-orientation 以保持一致性 (a9fe7c6)default-open 的递归 (22ee075)，关闭#5112ckb 翻译 (#5079) (3ee3a5e)⎋ 更新为 Esc (#5076) (64d1589)useCookie 存根与 nuxt 的默认值处理对齐 (#5089) (f531807)我们很高兴地宣布 Nuxt UI v4，这是一个重要的里程碑，它将 Nuxt UI 和 Nuxt UI Pro 统一为一个完全开源的库。继NuxtLabs 于 7 月加入 Vercel之后，我们现在能够免费向所有人提供 100 多个生产就绪组件和完整的 Figma 套件。
阅读博客文章公告https://nuxtjs.org.cn/blog/nuxt-ui-v4
Nuxt UI v4 通过将 Nuxt UI 和 Nuxt UI Pro 合并为一个统一、完全开源的库，标志着一个重要的里程碑
我们以前所有独有的 Nuxt 和 Vue 模板现在都向所有人开放，并已更新至 Nuxt UI v4
我们在 v4 中对文档进行了大量改进，以提供更好的开发人员体验
/docs/下，并自动从旧路径重定向从 v3 到 v4 的迁移设计得比以前的主要版本转换更顺畅。我们建议阅读迁移指南以获取分步说明。
对于 Nuxt UI 用户
@nuxt/ui@latest对于 Nuxt UI Pro 用户
@nuxt/ui-pro 替换为 @nuxt/ui@nuxt/ui-pro 更改为 @nuxt/uiuiPro 更改为 ui@nuxt/ui-pro 更新为 @nuxt/ui@nuxt/ui我们要特别感谢所有支持 Nuxt UI Pro 的人。您的早期采用和反馈对塑造 Nuxt UI 起到了关键作用。您帮助我们资助、维护和改进了项目，使我们能够达到这个里程碑，现在我们可以向整个社区提供这些强大的工具。
非常感谢Nuxt UI 背后的专业团队以及我们由 250 多位贡献者组成的令人难以置信的社区。您的辛勤工作、创造力和热情是本项目成功的驱动力。
感谢您参与这段旅程 💚
status-position 当为 0 时 (#4994) (e0891ea)icons 类型中的环境声明错误 (#4991) (526cb81)joi 和 yup，转而使用 @standard-schema/spec (#5035) (723cf36)pt 语言环境中的翻译 (#5003) (725ef9b)w-full (#4997) (de47add)value-key，转而使用 get-key (#4999) (240ff42)完整更新日志: https://github.com/nuxt/ui/compare/v4.0.0-alpha.2...v4.0.0-beta.0
这个 4.0.0-alpha.2 版本主要侧重于稳定性和文档。
经过更多测试后，官方 v4 版本应该会在下周发布。
在此版本中，我们对文档进行了重大改进。
阅读有关此更改的迁移指南https://ui4.nuxt.com/docs/getting-started/migration/v4#changes-to-form-component
actions 插槽渲染 (#4946) (5d6e1fc)labelKey 和 valueKey 的点表示法类型支持 (#4933) (11a0320)button 类型 (f33e43c)，关闭#4935clear 函数的竞态条件 (#4843) (2269b48)id 名称 (#4890) (1b5d741)status-position 当为 0 时 (#4994) (0e1e44c)icons 类型中的环境声明错误 (#4991) (6ddf899)完整更新日志: https://github.com/nuxt/ui/compare/v4.0.0-alpha.1...v4.0.0-alpha.2
您可以在以下网址查看 v4 的新文档https://ui4.nuxt.com在 alpha 阶段。
nullify 修饰符重命名为 nullable 并添加 optional (#4838)阅读v4 迁移指南.
error (#4738) (00dfb6b)ui.modal 工作 (946c2ec)@source (a16465f)，关闭#4773完整更新日志: https://github.com/nuxt/ui/compare/v4.0.0-alpha.0...v4.0.0-alpha.1
update:model-value 事件的类型错误 (#4853) (7133f50)Form 接口以接受 RegExp (#4821) (0c2d390)focus-outside 事件 (77b6b9a)_blank 被标记为 Inertia 的外部链接 (#4746) (520b277)colspan 计算适用于 loading 和 empty 状态 (#4826) (bdcc8c4)完整更新日志: https://github.com/nuxt/ui/compare/v2.22.1...v2.22.2
您可以在以下网址查看 v4 的新文档https://ui4.nuxt.com在 alpha 阶段。
ai-sdk 升级到 v5 (#4698) (9545fdd)ButtonGroup 重命名 (#4596) (8aa96d1)@nuxt/ui-pro 组件 (#4675) (f6ae153)PageMarquee 重命名 (#4741) (0a4d9b4)Accordion (#4734) (1c63aab)阅读v4 迁移指南.
完整更新日志: https://github.com/nuxt/ui/compare/v3.3.2...v4.0.0-alpha.0
此版本确保安装
tailwind-variants@2.0.1依赖项。目前2.1.0版本存在某种程度的损坏https://github.com/heroui-inc/tailwind-variants/issues/259 / https://github.com/heroui-inc/tailwind-variants/issues/258
item-wrapper 插槽 (#4521) (411d937)open 方法中返回 Promise (#4592) (58aac86)inset 属性的关闭动画 (#4676) (9da1527)dataTypes 中的通配符 (#4671) (729bed4)date / time 类型的渲染不正确 (#4715) (93cc83c)ui 属性添加类型 (#4677) (a8af85c)text 或 kbds 时渲染 (#4568) (5e39cbb)推出一个强大的新 FileUpload 组件，通过内置的拖放和验证支持，使文件上传变得轻松 (#4564).
配置所有组件的 color 和 size 全局默认值，以减少样板代码并确保样式一致 (#4400).
export default defineNuxtConfig({
modules: ['@nuxt/ui'],
css: ['~/assets/css/main.css'],
ui: {
theme: {
defaultVariants: {
color: 'neutral',
size: 'sm'
}
}
}
})
了解更多https://ui.nuxtjs.org.cn/getting-started/installation/nuxt#themedefaultvariants
Table 组件的重大改进带来了增强的功能和更好的用户体验
footer 插槽 (#4457) (63730d6)nested 属性 (e2695ee)，关闭#4320default-value 属性 (#4404) (fb9e7bb)remove-tag 事件 (#4511) (6ca7c8b)max-length 属性 (b96a1cc)，关闭#4405color 属性和 soft 变体 (#4549) (f336600)theme.defaultVariants 选项 (#4400) (35f90b9)reference 属性 (b00e07f)footer 支持以显示列摘要 (#4194) (c355cac)style 添加到表格和列 meta (#4513) (1db21d1)hover 事件 (f903ec3)，关闭#2435colspan 和 rowspan 支持 (#4460) (7ef1933)reference 属性 (69a7b95)，关闭#4430active-class / inactive-class 与应用程序配置合并 (#4446) (9debce7)active 样式以在移动设备上像 hover 一样表现 (df8f202)，关闭#991aria-current 属性 (#4447) (1ba8a55)rtl:space-x-reverse (#4576) (4682ded)shift 组合 (#4456) (772631c)error 类型 (a4d0ca7)，关闭#4496valueKey 的显示值 (4d4234d)，关闭#4528scope 属性 (#4417) (347694b)text 和 kbds 时显示分隔符 (#4570) (63476e5)en (df1abf1)，关闭#4579open 时不要使用 patch (#4497) (5ad7dab)@nuxt/ui 导入时处理覆盖 (57a5037)clearError (d8160ba)一个功能强大的新组件，用于通过清晰的基于标签的界面管理多个输入值 (#4261).
推出 Timeline 组件，用于显示时间序列和流程 (#4215).
unmount 函数的拼写错误 (#4051)chip 属性 (#4224) (03ac395)children (#4226) (59c26ec)actions 插槽 (#4358) (8156971)close 方法 (#4219) (5835eb5)autofocus (1a4de49)，关闭#4324body-top / body-bottom 插槽 (#4354) (595fc64)md 大小 (#4357) (be41aed)meta_- 快捷方式 (#4321) (4e7c1c9)transform 属性有条件地键入表单数据 (#4188) (37abcc6)empty 大小 (ba3c6e8)，关闭#4377closeAutoFocus 时不发出 close:prevent (150b334)horizontal 方向上设置内容 max-height (62bc7b2)，关闭#4208size (#4350) (4dd56c8)tr 作为分隔符 (#4083) (edca3bc)unmount 函数的拼写错误 (#4051) (546df57)defaultOpen 时，将 props 设置为原始 props (#4308) (66355ba)open 未提供 props 时使用原始 props (#4269) (bf56e15)collapsible 字段在之前的补丁中，我们引入了一个新的 collapsible 字段在 items 中，用于在 collapsed 状态下显示子项，并使父元素遵循其链接属性。但是，感觉不太对劲，因此我们将其移除，转而使用https://github.com/nuxt/ui/commit/1e2a10b4bdebaef12316ac60f98a956dad21c1ec, https://github.com/nuxt/ui/commit/9cf9f25f4424447691e03e9034155d1541badd43和https://github.com/nuxt/ui/commit/f2682fd2ae8abb7807977727fc22ef34cb5752e5.
type: 'trigger' 强制父项像以前一样（不带链接属性）行为。collapsed 时，您可以使用 popover / tooltip 属性或项目字段after:enter 事件 (#4187) (d9e9fea)tooltip 和 popover 属性 (f2682fd)，关闭#4186trigger 类型 (9cf9f25)vertical 方向 (1e2a10b)，关闭#4072 #3911anchor 插槽 (#4119) (473513c)table 边框变体 (#4192) (43d281f)presentation 角色 (2ba94db)loading 图标 (#4163) (fe4e1f8)tooltip (44f536f)collapsible 字段 (3c78e2f)old-neutral 颜色定义为静态 (#4193) (dae9f0b)square 属性 (#4008) (894e8a6)table 变体 (#3997) (1b6ab27)ui 字段 (#4060) (b9adc83)increment-disabled / decrement-disabled 属性 (#4141) (c7fba2e)collapsible 字段 (2be60cd)，关闭#3353 #3911tooltip (46c2987)，关闭#4050tooltip (d140acc)，关闭#1469progress 属性以隐藏进度条 (#4125) (92632e9)z-index (204953b)neutral 颜色时今日日期颜色不正确 (7d51a9e)，关闭#4084 #3629variant 的情况下渲染正确的元素 (f2fd778)，关闭#3998UCheckbox 导入 (7551a85)，关闭#4090class 应该优先于 ui 属性 (e6e510b)div 用于 error 和 help 插槽 (459a041)useAppConfig 具有响应性 (12303a8)@nuxt/fonts 使用默认字重 (276268d)value 字段中的更多原始类型 (#4105) (09b4699)div 标签用于 title 和 description (a57844e)，关闭#4096link 变体时设置 focus:outline-none (999a0f8)base 插槽覆盖 (c63d2f3)useAppConfig 具有响应性 (869c070)，关闭#3952place-items-center (#4034) (8dfdd63)meta 转换回 ctrl (f3b8b17)，关闭#3869 #3318nuxt-nightly (#3996) (bc0a296)sm:w-auto (aebf0b3)，关闭#3987value 字段类型 (#3995) (195773e)border-bg / divide-bg 工具类 (82b5f32)ring-offset-* 工具类 (#3992) (e5df026)ui 对象的 app config 类型 (591d59f)，关闭#3579@theme inline 正确引用 css 变量 (6131871)，关闭#4018我们增强了实用程序类系统，使其更直观且易于使用。虽然 CSS 变量提供了灵活性，但编写像 text-(--ui-text-muted) 这样的类被证明很麻烦。我们引入了三项重大改进
- <div class="text-(--ui-primary)">
+ <div class="text-primary">
- <div class="bg-(--ui-error)">
+ <div class="bg-error">
- <div class="text-(--ui-text-muted)">
+ <div class="text-muted">
- <div class="border-(--ui-border)">
+ <div class="border-default">
- <div class="bg-(--ui-bg-elevated)/50">
+ <div class="bg-elevated/50">
rounded-* 实用程序以使用我们的 --ui-radius CSS 变量，使其更容易在您的应用程序中保持一致的边框半径https://ui.nuxtjs.org.cn/getting-started/theme#radius- <div class="rounded-(--ui-radius)">
+ <div class="rounded-sm">
- <div class="rounded-[calc(var(--ui-radius)*1.5)]">
+ <div class="rounded-md">
- <div class="rounded-[calc(var(--ui-radius)*2)]">
+ <div class="rounded-lg">
这些更改完全向后兼容 - 现有的基于 CSS 变量的类将继续工作，同时为新代码提供更符合人体工程学的替代方案。
<script setup lang="ts">
import type { CheckboxGroupItem, CheckboxGroupValue } from '@nuxt/ui'
const items = ref<CheckboxGroupItem[]>(['System', 'Light', 'Dark'])
const value = ref<CheckboxGroupValue[]>(['System'])
</script>
<template>
<UCheckboxGroup v-model="value" :items="items" />
</template>
card 和 table 变体，以实现更灵活的布局https://ui.nuxtjs.org.cn/components/radio-group#variant<script setup lang="ts">
import type { RadioGroupItem, RadioGroupValue } from '@nuxt/ui'
const items = ref<RadioGroupItem[]>(['System', 'Light', 'Dark'])
const value = ref<RadioGroupValue>('System')
</script>
<template>
<URadioGroup v-model="value" variant="table" :items="items" />
</template>
Vue 版本现在包含对Inertia.js的内置支持。在您的 vite.config.ts 中使用 inertia: true 选项启用它
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import ui from '@nuxt/ui/vite'
export default defineConfig({
plugins: [
vue(),
ui({
inertia: true
})
]
})
这会自动将所有组件中的 RouterLink 替换为 InertiaLink，为您的 Inertia.js 应用程序提供无缝集成https://ui.nuxtjs.org.cn/getting-started/installation/vue#inertia
模块已更新为使用nuxt/module-builder@1.0.0，带来了改进的构建性能和更好的 TypeScript 支持。
在此更改之后，我们重构了组件类型的处理方式，这使得 app.config.ts 更改完全支持 HMR，而以前只在重新加载页面时才有效。
此 PR 将 .open() 更改为返回一个带有 result Promise 属性的覆盖实例，而不是直接返回 Promise，从而提供了更大的灵活性
<script setup lang="ts>
const modal = useOverlay()
- const result = await modal.open({ count: count.value })
+ const instance = modal.open({ count: count.value })
+ const result = await instance.result
</script>
portal 属性 (#3688) (29fa462)select 事件 (#3678) (22edfd7)content-top 和 content-bottom 插槽 (#3886) (1a46394)attach 属性以选择退出嵌套表单附件 (#3939) (1a0d7a3)resetSearchTermOnSelect (cea881a)，关闭#3782stepSnapping 和 disableWheelChange 属性的支持 (#3731) (f5e6284)close:prevent 事件 (#3958) (f486423)rounded-* 实用程序 (#3906) (f9737c8).open() 返回一个覆盖实例 (#3829) (f3098df)autofocus / autofocus-delay 属性 (0456670)，关闭#3717card 和 table 变体 (#3178) (4d138ad)onSelect 字段 (8640831)tr 和 td (#3866) (80dfa88)list-leading 和 list-trailing 插槽 (#3837) (3447a06)autoresize-delay 属性 (06414d3)，关闭#3730icon、loading 等属性以匹配 Input (cb193f1)resize-none 类与 autoresize 属性 (ffafd81)div 用于 header 标签而不是 h3 (75e4792)，关闭#3963@nuxt/module-builder 升级后重构类型 (#3855) (39c861a)transform-origin (#3919) (01d8dc7)any (#3741) (97274f1)onSelect 事件 (#3735) (f25fed5)disabled 项 (8435a0f)，关闭#3474valueKey 字符串大小写 (9ca213b)，关闭#3949 #3331value (#3779) (52a97e2)change (9d2fed1)，关闭#3756download 属性 (#3879) (47cdc2e)sm:w-auto 内容插槽 (abe0859)，关闭#3788icon 和 content 插槽上的 ui 属性覆盖 (1d45980)，关闭#3785data 响应性 (#3967) (6e27304)colspan 传递给 th (#3926) (122e8ac)ui 属性中的 ClassValue (eea1415)，关闭#3860@nuxt/module-builder 更新到 v1 (#3801)模块已更新为使用nuxt/module-builder@1.0.0!
zod 和 valibot 的显式支持 (#3618)我们现在依赖standard-schema进行表单验证，支持 valibot 和 zod。如果您在应用程序中使用它们，请确保升级到 valibot@1.0.0 / zod@3.24.0。
aria-* 和 data-* 属性 (2bef1e2)，关闭#3007@select 事件 (#3269) (c0e14d0)完整更新日志: https://github.com/nuxt/ui/compare/v2.21.1...v2.22.0
$attrs 代理到默认插槽 (#3712) (88f349d)focus:outline-none 而不是 focus:outline-hidden (c231fe5)，关闭#3658group.id 作为键 (bc61d29)w-full 类 (df00149)@__NO_SIDE_EFFECTS__ (82e2665)fadeFromIndex 属性代理 (f7604e5)help 添加到 aria-describedby 属性 (#3691) (20c3392)update:open 上重置 searchTerm (3074632)，关闭#3620aria-current，如同 NuxtLink / RouterLink (c531d02)active="true" (d73768b)aria-* 和 data-* 属性 (ade16b7)onClick (370054b)，关闭#3631z-index (0095d89)，关闭#3654caption 插槽上的条件错误 (4ebb94c)focus:outline-hidden 类 (1769d5e)open 方法类型以推断 close emit 返回类型 (#3716) (bd99c2d)nuxtApp.hooks 和 useRuntimeHook (23bfeb9)您不再需要在使用 tailwindcss 时使用 theme(static)！🎉
- @import "tailwindcss" theme(static);
+ @import "tailwindcss";
但是，当您在代码中明确使用 Tailwind CSS 变量时，例如这样，您可能仍然需要它
<span
:class="`bg-(--color-light) dark:bg-(--color-dark)`"
:style="{
'--color-light': `var(--color-${chip}-500)`,
'--color-dark': `var(--color-${chip}-400)`
}"
/>
我们现在依赖standard-schema进行表单验证，支持 valibot 和 zod。如果您在应用程序中使用它们，请确保升级到 valibot@1.0.0 / zod@3.24.0。
vaul-vue (f401766)我们已更新到vaul-vue@0.4.0，它为 Drawer 组件提供支持。不再有 handle 插槽，主题 handle 插槽有一些重要的值发生了变化，但您现在可以访问 handle-only 属性https://ui.nuxtjs.org.cn/components/drawer#handle-only
content 属性中的事件 (5dec0e1)proxySlots 中移除 any (#3623) (764c41a)theme(static) 的 tailwindcss 导入 (#3630) (ecff9ab)disabled (fe0bd83)，关闭nuxt/ui-pro#911@select 时打开链接 (#3580) (e80cc15)@compodium/examples 包含在自动导入路径中 (#3585) (cc504b8)@nuxt/ui-pro 中使用的唯一符号 (#3603) (dec2730)我们很高兴推出 Nuxt UI v3，这是一个对我们 UI 库进行全面重新设计，在可访问性、性能和开发人员体验方面带来了显著改进。这次重大更新代表了我们团队和社区超过1,500次提交的专注工作、协作和创新。
阅读博客文章公告https://nuxtjs.org.cn/blog/nuxt-ui-v3
我们已从Headless UI过渡到Reka UI作为我们的核心组件基础，带来了
Nuxt UI 现在利用最新的Tailwind CSS v4，带来了
我们已经采纳Tailwind Variants来支持我们的设计系统，提供
Nuxt UI 提供了显著改进的 TypeScript 支持
通过在您的配置中添加 Vite 和 Vue 插件，可以在任何 Vue 项目中使用 Nuxt UI，而无需 Nuxt
我们希望透明：从 Nuxt UI v2 迁移到 v3 需要付出巨大努力。虽然我们保留了核心概念和组件，但 Nuxt UI v3 已从头开始重建，以提供增强的功能。
要升级您的项目
报告任何问题。此版本代表了我们团队和社区数千小时的工作。我们感谢所有为实现 Nuxt UI v3 做出贡献的人，特别是 @romhml、@sandros94 和 @hywax 的巨大贡献。
Nuxt UI v3.0.0-beta.4 需要 Nuxt v3.16 才能工作，请升级您的 Nuxt 以继续使用 @nuxt/ui
nuxi upgrade --force
null 值 (#3415) (cfe9b2e)useHead (5ecd227)完整更新日志: https://github.com/nuxt/ui/compare/v3.0.0-beta.3...v3.0.0-beta.4
colorMode 选项 (d2ceead)，关闭#3143完整更新日志: https://github.com/nuxt/ui/compare/v2.21.0...v2.21.1