feat: bumped tailwind from 3.2.7 -> 3.3.0 (#1312)

* feat: bumped tailwind from 3.2.7 -> 3.3.0

* updated lockfile

* Create .changeset/ten-suns-brush.md

* fixed lint

* updated tailwind prettier for www

* updated the cli template

* type type type

* reverted check to not write lmao

* ordering

* pointed to the config

* added tailwind normally

* formatting

* cjs -> ts

* 🎉

* ah

---------

Co-authored-by: Julius Marminge <[email protected]>

Author: FinnDore

Diff for: .changeset/ten-suns-brush.md

@@ -0,0 +1,5 @@
+---
+"create-t3-app": patch
+---
+
+feat: bumped tailwind from 3.2.7 -> 3.3.0

Diff for: cli/.prettierrc.cjs

@@ -2,7 +2,7 @@
 const config = {
   ...require("../.prettierrc.cjs"),
   plugins: [require.resolve("prettier-plugin-tailwindcss")],
-  tailwindConfig: "./template/extras/config/tailwind.config.cjs",
+  tailwindConfig: "./template/extras/config/tailwind.config.ts",
 };
 
 module.exports = config;

Diff for: cli/package.json

@@ -64,7 +64,7 @@
     "next": "^13.2.4",
     "next-auth": "^4.20.1",
     "prettier": "^2.8.6",
-    "prettier-plugin-tailwindcss": "^0.2.5",
+    "prettier-plugin-tailwindcss": "^0.2.6",
     "prisma": "^4.11.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",

Diff for: cli/src/installers/dependencyVersionMap.ts

@@ -12,11 +12,11 @@ export const dependencyVersionMap = {
   "@prisma/client": "^4.11.0",
 
   // TailwindCSS
-  tailwindcss: "^3.2.7",
+  tailwindcss: "^3.3.0",
   autoprefixer: "^10.4.14",
   postcss: "^8.4.21",
   prettier: "^2.8.6",
-  "prettier-plugin-tailwindcss": "^0.2.5",
+  "prettier-plugin-tailwindcss": "^0.2.6",
   "@types/prettier": "^2.7.2",
 
   // tRPC

Diff for: cli/src/installers/tailwind.ts

@@ -1,7 +1,7 @@
-import { type Installer } from "~/installers/index.js";
-import path from "path";
 import fs from "fs-extra";
+import path from "path";
 import { PKG_ROOT } from "~/consts.js";
+import { type Installer } from "~/installers/index.js";
 import { addPackageDependency } from "~/utils/addPackageDependency.js";
 
 export const tailwindInstaller: Installer = ({ projectDir }) => {
@@ -20,8 +20,8 @@ export const tailwindInstaller: Installer = ({ projectDir }) => {
 
   const extrasDir = path.join(PKG_ROOT, "template/extras");
 
-  const twCfgSrc = path.join(extrasDir, "config/tailwind.config.cjs");
-  const twCfgDest = path.join(projectDir, "tailwind.config.cjs");
+  const twCfgSrc = path.join(extrasDir, "config/tailwind.config.ts");
+  const twCfgDest = path.join(projectDir, "tailwind.config.ts");
 
   const postcssCfgSrc = path.join(extrasDir, "config/postcss.config.cjs");
   const postcssCfgDest = path.join(projectDir, "postcss.config.cjs");

Diff for: cli/template/extras/config/tailwind.config.cjs renamed to cli/template/extras/config/tailwind.config.ts

@@ -1,10 +1,9 @@
-/** @type {import('tailwindcss').Config} */
-const config = {
+import { type Config } from "tailwindcss";
+
+export default {
   content: ["./src/**/*.{js,ts,jsx,tsx}"],
   theme: {
     extend: {},
   },
   plugins: [],
-};
-
-module.exports = config;
+} satisfies Config;

Diff for: pnpm-lock.yaml

@@ -15,7 +15,7 @@ const config = {
     },
   ],
   astroAllowShorthand: false,
-  tailwindConfig: "./tailwind.config.cjs",
+  tailwindConfig: "./tailwind.config.ts",
 };
 
 module.exports = config;