chore(create-next-app): use tailwind.config.ts for typescript templates (#47795)

Minor change to use `tailwind.config.ts` for TypeScript projects.

packages/create-next-app/templates/app-tw/ts/tailwind.config.ts

@@ -1,5 +1,6 @@
-/** @type {import('tailwindcss').Config} */
-module.exports = {
+import type { Config } from 'tailwindcss'
+
+const config: Config = {
   content: [
     './pages/**/*.{js,ts,jsx,tsx,mdx}',
     './components/**/*.{js,ts,jsx,tsx,mdx}',
@@ -16,3 +17,4 @@ module.exports = {
   },
   plugins: [],
 }
+export default config

packages/create-next-app/templates/default-tw/ts/tailwind.config.ts

@@ -1,5 +1,6 @@
-/** @type {import('tailwindcss').Config} */
-module.exports = {
+import type { Config } from 'tailwindcss'
+
+const config: Config = {
   content: [
     './pages/**/*.{js,ts,jsx,tsx,mdx}',
     './components/**/*.{js,ts,jsx,tsx,mdx}',
@@ -16,3 +17,4 @@ module.exports = {
   },
   plugins: [],
 }
+export default config

packages/create-next-app/templates/index.ts

@@ -48,7 +48,11 @@ export const installTemplate = async ({
   const templatePath = path.join(__dirname, template, mode)
   const copySource = ['**']
   if (!eslint) copySource.push('!eslintrc.json')
-  if (!tailwind) copySource.push('!tailwind.config.js', '!postcss.config.js')
+  if (!tailwind)
+    copySource.push(
+      mode == 'ts' ? 'tailwind.config.ts' : '!tailwind.config.js',
+      '!postcss.config.js'
+    )
 
   await copy(copySource, root, {
     parents: true,
@@ -146,7 +150,10 @@ export const installTemplate = async ({
     )
 
     if (tailwind) {
-      const tailwindConfigFile = path.join(root, 'tailwind.config.js')
+      const tailwindConfigFile = path.join(
+        root,
+        mode === 'ts' ? 'tailwind.config.ts' : 'tailwind.config.js'
+      )
       await fs.promises.writeFile(
         tailwindConfigFile,
         (

test/integration/create-next-app/lib/specification.ts

@@ -76,7 +76,7 @@ export const projectSpecification: ProjectSpecification = {
         'pages/api/hello.ts',
         'pages/index.tsx',
         'postcss.config.js',
-        'tailwind.config.js',
+        'tailwind.config.ts',
         'tsconfig.json',
       ],
       deps: [
@@ -136,7 +136,7 @@ export const projectSpecification: ProjectSpecification = {
         'app/page.tsx',
         'next-env.d.ts',
         'postcss.config.js',
-        'tailwind.config.js',
+        'tailwind.config.ts',
         'tsconfig.json',
       ],
     },