在 Nuxt 中使用 FormKit 只需要很少的设置。首先在你的项目中包含 Nuxt 模块作为依赖:
npm install @formkit/nuxt
然后在你的 nuxt.config
文件中添加模块到你的模块列表:
// nuxt.config
export default defineNuxtConfig({
modules: ['@formkit/nuxt'],
formkit: {
// 实验性支持自动加载(见注释):
autoImport: true
}
})
就这样!FormKit 现在已经使用默认配置在你的项目中注册,你可以开始使用 <FormKit>
组件了。
在过去,FormKit 使用一个全局插件来安装自己。这有一个负面的副作用,就是它会包含在 Nuxt 的入口包中。为了避免这种情况,FormKit 现在支持一个 autoImport
选项。启用后,FormKit 不再使用全局插件,而是只在使用它的页面或组件上自动注入“全局”配置选项。
将来这将成为默认设置。要在今天启用它,请在你的 nuxt.config.ts
中设置 autoImport: true