Function setupViteConfig

packages/cli/src/createApp.ts:426–466

* Sets up the Vite config with Tailwind CSS 4. * Creates the main.css file and modifies vite.config.ts.

(dirName: string, ts: boolean)

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

  // Create src/assets/main.css with Tailwind 4 imports
  const cssDir = resolve(projectPath, 'src/assets')
  await mkdir(cssDir, { recursive: true })
  await writeFile(
    resolve(cssDir, 'main.css'),
    `@import "tailwindcss";
@source "../../formkit.theme.${ts ? 'ts' : 'mjs'}";
@source "../../formkit.config.${ts ? 'ts' : 'mjs'}";

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

  // Modify vite.config.ts to add tailwindcss plugin
  const viteConfigPath = resolve(projectPath, `vite.config.${ts ? 'ts' : 'js'}`)
  let config = await readFile(viteConfigPath, 'utf-8')

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

  // Add tailwindcss() to plugins array
  config = config.replace(
    /plugins:\s*\[([^\]]*)\]/,
    (_match, plugins) => {
      const existingPlugins = plugins.trim()
      if (existingPlugins) {
        return `plugins: [${existingPlugins}, tailwindcss()]`
      }
      return `plugins: [tailwindcss()]`
    }
  )

  await writeFile(viteConfigPath, config)
}

function buildMain(ts: boolean) {
  return `import { createApp } from 'vue'