安装
快速教程:指导如何安装软件包以及支持的插件。
安装软件包
sh
$ npm add reka-uiNuxt 模块
Reka UI 提供 Nuxt 模块支持。
在 nuxt.config.ts 文件中,只需添加 reka-ui/nuxt 到模块中,它将自动为您导入所有组件。
ts
export default defineNuxtConfig({
modules: ['reka-ui/nuxt'],
})unplugin-vue-components
Reka UI 还为流行的 unplugin-vue-components 提供了解析器。
在 vite.config.ts 文件中,导入 reka-ui/resolver,并按如下配置,它将自动从 Reka UI 导入所有组件。
ts
import Components from 'unplugin-vue-components/vite'
import RekaResolver from 'reka-ui/resolver'
export default defineConfig({
plugins: [
vue(),
Components({
dts: true,
resolvers: [
RekaResolver()
// RekaResolver({
// prefix: '' // 使用 prefix 选项为导入的组件添加前缀
// })
],
}),
],
})