feat(assets): Change default CSS framework to Tailwind

* enhance(view): Add light default styling for Tailwind
* chore(view): Clean up unnecessary selectors and spacing
* feat(acorn): Update Acorn for Laravel 8.x
* chore(acorn): Create default `bootstrap/` project directory for Laravel 8.x
* refactor(acorn): Split the Acorn bootloader between `functions.php` and `bootstrap/app.php` to coincide with Laravel
* refactor(assets): Lighten the out of the box CSS boilerplate
* refactor(assets): Rename `dist/` to `public/` to coincide with Laravel
* refactor(assets): Flatten the `assets/` directory into `resources/` to coincide with Laravel
* refactor(assets): Rename `scripts/` to `js/` to coincide with Laravel
* refactor(assets): Rename `styles/` to `css/` to coincide with Laravel
* feat(deps): Update to Laravel Mix ^6.0
* chore(deps): Change Mix-related package.json `scripts` to the new `mix` binary
* chore(deps): Remove PurgeCSS in favor of Tailwind's built in purge
* chore(deps): Remove deprecated/unnecessary/unused dependencies
* chore(deps): Bump minimum PHP version to 7.3 to coincide with Laravel 8.x

package.json

@@ -3,54 +3,43 @@
   "browserslist": [
     "extends @wordpress/browserslist-config"
   ],
-  "engines" : {
-    "node" : ">=12.0.0"
+  "engines": {
+    "node": ">=12.14.0"
   },
   "scripts": {
-    "build": "cross-env NODE_ENV=development run-s mix",
-    "build:production": "cross-env NODE_ENV=production run-s clean mix",
-    "start": "cross-env NODE_ENV=development run-s \"mix -- --watch\"",
-    "hot": "cross-env NODE_ENV=development run-s build mix:hot",
-    "mix": "webpack --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
-    "mix:hot": "webpack-dev-server --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
-    "clean": "run-p clean:*",
-    "clean:dist": "rimraf dist",
-    "clean:cache": "rimraf storage/framework/cache/*.php storage/framework/cache/data/*.php",
-    "clean:views": "rimraf storage/framework/views/*.php",
-    "lint": "run-s -c lint:*",
-    "lint:scripts": "eslint resources/assets/scripts",
-    "lint:styles": "stylelint \"resources/assets/**/*.{vue,css,sass,scss,less}\"",
-    "test": "run-s -c lint",
-    "translate": "run-s -c translate:*",
-    "translate:pot": "wp i18n make-pot . ./resources/languages/sage.pot --ignore-domain --include=\"app,resources/assets,resources/views\"",
-    "translate:js": "wp i18n make-json ./resources/languages --no-purge --pretty-print"
+    "build": "mix",
+    "build:production": "mix --production",
+    "start": "mix watch",
+    "hot": "mix watch --hot",
+    "clean": "wp acorn optimize:clean",
+    "lint": "npm run lint:js && npm run lint:css",
+    "lint:js": "eslint resources/js",
+    "lint:css": "stylelint \"resources/**/*.{css,scss,vue}\"",
+    "translate": "npm run translate:pot && npm run translate:js",
+    "translate:pot": "wp i18n make-pot . ./resources/lang/sage.pot --ignore-domain --include=\"app,resources\"",
+    "translate:js": "wp i18n make-json ./resources/lang --pretty-print"
   },
   "devDependencies": {
+    "@tailwindcss/typography": "^0.3.1",
     "@tinypixelco/laravel-mix-wp-blocks": "^1.1.0",
-    "@wordpress/babel-preset-default": "^4.17.0",
+    "@wordpress/babel-preset-default": "^4.20.0",
     "@wordpress/browserslist-config": "^2.7.0",
-    "@wordpress/dependency-extraction-webpack-plugin": "^2.8.0",
+    "@wordpress/dependency-extraction-webpack-plugin": "^2.9.0",
     "babel-eslint": "^10.1.0",
-    "browser-sync": "^2.26.12",
-    "browser-sync-webpack-plugin": "^2.0.1",
-    "cross-env": "^7.0.2",
-    "eslint": "^7.7.0",
-    "eslint-plugin-import": "^2.22.0",
-    "laravel-mix": "^5.0.4",
-    "laravel-mix-copy-watched": "^2.2.4",
-    "laravel-mix-purgecss": "^5.0.0",
-    "npm-run-all": "^4.1",
-    "purgecss-with-wordpress": "^2.3.0",
-    "rimraf": "^3.0.2",
-    "sass": "^1.26.10",
-    "sass-loader": "^9.0.3",
-    "stylelint": "^13.6.1",
+    "browser-sync": "^2.26.13",
+    "browser-sync-webpack-plugin": "^2.3.0",
+    "cross-env": "^7.0.3",
+    "eslint": "^7.17.0",
+    "eslint-plugin-import": "^2.22.1",
+    "laravel-mix": "^6.0.9",
+    "postcss": "^8.1",
+    "sass": "^1.32.4",
+    "sass-loader": "10.1.1",
+    "stylelint": "^13.8.0",
     "stylelint-config-standard": "^20.0.0",
-    "vue-template-compiler": "^2.6.11"
+    "tailwindcss": "^2.0.2"
   },
   "dependencies": {
-    "bootstrap": "^4.5.3",
-    "jquery": "^3.5.1",
-    "popper.js": "^1.16.1"
+    "jquery": "^3.5.1"
   }
 }