安装 FormKit Pro 非常简单!以下是步骤:
登录到您的 FormKit Pro 账户 pro.formkit.com 并创建一个项目。将会提供给您一个 Project Key
。
接下来,安装 @formkit/pro
:
npm install @formkit/pro
从 @formkit/pro
中导入 createProPlugin
帮助程序和任何所需的 Pro 输入:
// main.js 或 formkit.config.ts
import { createProPlugin, rating, toggle } from '@formkit/pro'
使用您的 Project Key
和所需的 Pro 输入创建 Pro 插件:
// main.js 或 formkit.config.ts
const proPlugin = createProPlugin('fk-00000000000', {
rating,
toggle,
// ... 以及任何其他 Pro 输入
})
最后,将插件添加到您的 FormKit 配置中:
// main.js 或 formkit.config.ts
const config = defaultConfig({
plugins: [proPlugin],
})
如果您正在使用旧版 Genesis CSS 主题,请按照下面的说明操作。
注意:所有来自 https://themes.formkit.com 的 Tailwind 主题都支持 Pro 输入,因此 Tailwind 用户不需要按照下面的说明操作。
如果您在项目中使用的是旧版 Genesis CSS 主题,那么您还需要安装相应的 Pro CSS:
// main.js 或 formkit.config.ts
// Pro 的 Genesis 依赖于 Genesis
import '@formkit/themes/genesis'
import '@formkit/pro/genesis'