安装

一个快速教程，带您了解如何安装软件包以及支持的插件。

安装软件包

$ npm add radix-vue

Nuxt 模块

Radix Vue 提供 Nuxt 模块支持。

在 nuxt.config.ts 中，只需将 radix-vue/nuxt 添加到模块中，它就会自动为您导入所有组件。

export default defineNuxtConfig({
  modules: ['radix-vue/nuxt'],
})

unplugin-vue-components

Radix Vue 也有一个流行的 unplugin-vue-components 的解析器。

在 vite.config.ts 中，导入 radix-vue/resolver，并按如下方式配置，它会自动从 Radix Vue 导入所有组件。

import Components from 'unplugin-vue-components/vite'
import RadixVueResolver from 'radix-vue/resolver'

export default defineConfig({
  plugins: [
    vue(),
    Components({
      dts: true,
      resolvers: [
        RadixVueResolver()

        // RadixVueResolver({
        //   prefix: '' // use the prefix option to add Prefix to the imported components
        // })
      ],
    }),
  ],
})