Function buildFormKitConfig

packages/cli/src/createApp.ts:602–647

* Builds the formkit.config.ts file. * @param options - Build the formkit.config.ts file for a Nuxt project. * @returns

(options: CreateAppOptions)

 * @returns
 */
function buildFormKitConfig(options: CreateAppOptions): string {
  const imports = ['import { genesisIcons } from "@formkit/icons"']
  imports.push('import { rootClasses } from "./formkit.theme"')
  if (options.lang === 'ts' && options.framework === 'vite') {
    imports.push("import { DefaultConfigOptions } from '@formkit/vue'")
  } else if (options.lang === 'ts' && options.framework === 'nuxt') {
    imports.push("import { defineFormKitConfig } from '@formkit/vue'")
  }
  const setup = []
  let config = ''
  if (options.pro) {
    imports.push("import { createProPlugin, inputs } from '@formkit/pro'")
    setup.push('')
    setup.push(`const pro = createProPlugin('${options.pro}', inputs)`)
    setup.push('')
    config += `  plugins: [pro]`
  }
  config += `${config ? ',\n' : ''}  icons: { ...genesisIcons }`
  config += `${config ? ',\n' : ''}  config: { rootClasses }`

  const viteExport = `const config${
    options.lang === 'ts' ? ': DefaultConfigOptions' : ''
  } = {
${config}
}

export default config`

  const nuxtExport = `export default defineFormKitConfig(() => ({
${config}
}))`

  let defaultExport = ''
  if (options.framework === 'nuxt') {
    defaultExport = nuxtExport
  } else if (options.framework === 'vite') {
    defaultExport = viteExport
  }

  const rawConfig = `${imports.join('\n')}
${setup.join('\n')}
${defaultExport}
`

  return rawConfig
}