[BUG] - npm project init creates incorrect tailwind.config.js module export type

[Neil-Jubinville]

HeroUI Version

2.4.2

Describe the bug

Using " npx heroui-cli@latest init "

Right after the npm init and install , when trying to 'npm run dev' you will encounter module not found for tailwind.

FIX: tailwind.config.js should generate this for a working module export

import { heroui } from "@heroui/theme";

/** @type {import('tailwindcss').Config} /
const config = {
content: [
"./index.html",
'./src/layouts/**/.{js,ts,jsx,tsx,mdx}',
'./src/pages//*.{js,ts,jsx,tsx,mdx}',
'./src/components//.{js,ts,jsx,tsx,mdx}',
"./node_modules/@heroui/theme/dist/**/.{js,ts,jsx,tsx}",
],
theme: {
extend: {},
},
darkMode: "class",
plugins: [heroui()],
};

export default config; // ✅ Use ESM export instead of module.exports

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

see bug desc.

Expected behavior

It should load.

Screenshots or Videos

No response

Operating System Version

windows

Browser

Chrome

[linear]

ENG-2145 [BUG] - npm project init creates incorrect tailwind.config.js module export type

[winchesHe]

Confirmed it was templates issue will fix in these repositories