Function setupNuxtConfig

packages/cli/src/createApp.ts:485–579

* Sets up the Nuxt config with FormKit and Tailwind CSS 4. * Creates the main.css file and modifies nuxt.config.ts.

(dirName: string)

 * Creates the main.css file and modifies nuxt.config.ts.
 */
async function setupNuxtConfig(dirName: string) {
  const projectPath = resolve(cwd(), `./${dirName}`)

  // Create app/assets/css/main.css
  const cssDir = resolve(projectPath, 'app/assets/css')
  await mkdir(cssDir, { recursive: true })
  await writeFile(
    resolve(cssDir, 'main.css'),
    `@import "tailwindcss";
@source "../../../formkit.theme.ts";
@source "../../../formkit.config.ts";

body {
  @apply bg-gray-100;
}
`
  )

  // Modify nuxt.config.ts
  const nuxtConfigPath = resolve(projectPath, 'nuxt.config.ts')
  let config = await readFile(nuxtConfigPath, 'utf-8')

  // Add tailwindcss import at the top if not present
  if (!config.includes('@tailwindcss/vite')) {
    config = `import tailwindcss from "@tailwindcss/vite";\n\n${config}`
  }

  // Find the defineNuxtConfig call and modify it
  // This regex captures the content inside defineNuxtConfig({ ... })
  const configMatch = config.match(/defineNuxtConfig\(\s*\{([\s\S]*?)\}\s*\)/)

  if (configMatch) {
    let configContent = configMatch[1]

    // Check if modules exists and add @formkit/nuxt
    if (configContent.includes('modules:')) {
      // Add to existing modules array
      configContent = configContent.replace(
        /modules:\s*\[([^\]]*)\]/,
        (_match, modules) => {
          const existingModules = modules.trim()
          if (existingModules) {
            return `modules: [\n    '@formkit/nuxt',\n    ${existingModules}\n  ]`
          }
          return `modules: [\n    '@formkit/nuxt',\n  ]`
        }
      )
    } else {
      // Add modules array
      configContent = addConfigProperty(configContent, `modules: [\n    '@formkit/nuxt',\n  ]`)
    }

    // Add css array if not present
    if (!configContent.includes('css:')) {
      configContent = addConfigProperty(configContent, `css: ['./app/assets/css/main.css']`)
    }

    // Add or merge vite config