fix tailwindcss version

Author: y122972

package.json

@@ -74,7 +74,7 @@
     "postcss-preset-env": "6.x",
     "prettier": "^2.4.1",
     "tailwind-scrollbar": "^2.0.0",
-    "tailwindcss": "^2.2.19",
+    "tailwindcss": "^3.3.6",
     "typescript": "4.x",
     "vitest": "^0.34.6"
   }

postcss.config.js

@@ -1,3 +1,6 @@
 module.exports = {
-  plugins: [require('tailwindcss'), require('postcss-preset-env')],
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
 }

src/index.css

@@ -1,3 +1,3 @@
-@import 'tailwindcss/base';
-@import 'tailwindcss/components';
-@import 'tailwindcss/utilities';
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

tailwind.config.js

@@ -1,6 +1,8 @@
 const tailwindScrollbar = require('tailwind-scrollbar')
 
+/** @type {import('tailwindcss').Config} */
 module.exports = {
+  content: ['./src/**/*.{js,ts,jsx,tsx,mdx}'],
   theme: {
     extend: {
       animation: {
@@ -13,13 +15,4 @@ module.exports = {
   },
   variants: {},
   plugins: [tailwindScrollbar],
-  purge: {
-    // Filenames to scan for classes
-    content: ['./src/**/*.{js,ts,jsx,tsx}', './index.html'],
-    // Options passed to PurgeCSS
-    options: {
-      // Whitelist specific selectors by name
-      // safelist: [],
-    },
-  },
 }