Merge pull request #15 from statamic/v4-upgrade

Switch to Vite and update the Getting Started Widget for v4 TailwindCSS

Author: jackmcdade

content/trees/.gitkeep

@@ -1,24 +1,15 @@
 {
     "private": true,
     "scripts": {
-        "dev": "mix",
-        "development": "mix",
-        "watch": "mix watch",
-        "watch-poll": "mix watch -- --watch-options-poll=1000",
-        "hot": "mix watch --hot",
-        "prod": "mix --production",
-        "production": "mix --production"
+        "dev": "vite",
+        "build": "vite build"
     },
     "devDependencies": {
-        "autoprefixer": "^10.2.5",
-        "cross-env": "^7.0",
-        "laravel-mix": "^6.0",
-        "postcss": "^8.2.9",
-        "postcss-import": "^14.0.1",
-        "postcss-nested": "^5.0.5",
-        "postcss-preset-env": "^6.7.0",
-        "tailwindcss": "^2.1.1",
-        "vue-template-compiler": "^2.6.12"
+        "autoprefixer": "^10.4.14",
+        "laravel-vite-plugin": "^0.7.2",
+        "postcss": "^8.4.23",
+        "tailwindcss": "^3.3.2",
+        "vite": "^4.0.0"
     },
     "dependencies": {
         "@hotwired/turbo": "^7.0.0-rc.1",

package.json

@@ -0,0 +1,8 @@
+module.exports = {
+  plugins: {
+    'postcss-import': {},
+    'tailwindcss/nesting': {},
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

postcss.config.js

@@ -0,0 +1 @@
+

public/build/assets/site-381f6df3.js

@@ -0,0 +1,12 @@
+{
+  "resources/css/site.css": {
+    "file": "assets/site-ab9fe09b.css",
+    "isEntry": true,
+    "src": "resources/css/site.css"
+  },
+  "resources/js/site.js": {
+    "file": "assets/site-381f6df3.js",
+    "isEntry": true,
+    "src": "resources/js/site.js"
+  }
+}