update tailwindcss

package.json

@@ -5,24 +5,22 @@
   "main": "index.js",
   "scripts": {
     "dev": "npm run development",
-    "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
-    "watch": "npm run development -- --watch",
-    "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
+    "development": "npx mix build",
+    "watch": "npx mix watch",
+    "hot": "npx mix watch --hot",
     "prod": "npm run production",
-    "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
+    "production": "npx mix build --production",
     "img": "rm -R assets/public/img; cd resources/img/svg && svg-sprite -s --symbol-dest=sprite *.svg && mv sprite/svg/sprite.symbol.svg ../sprite.svg && rm -R sprite && cd ../../../ && cp -R resources/img assets/public/img"
   },
   "keywords": [],
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "alpinejs": "^2.7.3",
-    "axios": "^0.21.0",
-    "cross-env": "^7.0.3",
     "laravel-mix": "^6.0.7",
+    "axios": "^0.21.0",
     "postcss-import": "^14.0.2",
     "postcss-nested": "^4.0",
-    "tailwindcss": "^2.2.16",
+    "tailwindcss": "^3.0",
     "vue": "^2.6.14",
     "wnumb": "^1.2.0"
   },

tailwind.config.js

@@ -1,9 +1,8 @@
 module.exports = {
-    purge: [
+    content: [
         './views/*.htm',
         './assets/js/*.vue',
     ],
-    darkMode: false, // or 'media' or 'class'
     theme: {
         extend: {
             colors: {
@@ -13,8 +12,5 @@ module.exports = {
             }
         },
     },
-    variants: {
-        extend: {},
-    },
     plugins: [],
 }