Update to Vite and latest versions of deps.

README.md

@@ -3,7 +3,7 @@
   Statamic Starter Kit: Cool Writings
 </h1>
 
-![Statamic 3.2+](https://img.shields.io/badge/Statamic-3.2+-FF269E?style=for-the-badge&link=https://statamic.com)
+![Statamic 4+](https://img.shields.io/badge/Statamic-4+-FF269E?style=for-the-badge&link=https://statamic.com)
 <!-- /statamic:hide -->
 
 ## Features
@@ -50,7 +50,7 @@ The above installers should prompt you to make a user, but you can also run `php
 
 ### 3. Recompile the CSS (optional)
 
-The [TailwindCSS](https://tailwindcss.com/) included in this kit is compiled with [PurgeCSS](https://purgecss.com/) to reduce filesize on any unused classes and selectors. If you want to modify anything, just recompile it.
+The [TailwindCSS](https://tailwindcss.com/) included in this kit is compiled and purged to reduce filesize on any unused classes and selectors. If you want to modify anything, just recompile it.
 
 ```
 npm i && npm run dev
@@ -59,12 +59,12 @@ npm i && npm run dev
 To compile for production again:
 
 ```
-npm run production
+npm run build
 ```
 
 ### 4. Do your thing!
 
-If you're using [Laravel Valet](https://laravel.com/docs/valet) (or similar), your site should be available at `http://cool-site.test`. You can access the control panel at `http://cool-site.test/cp` and login with your new user. Open up the source code, follow along with the [Statamic 3 docs](https://statamic.dev), and enjoy!
+If you're using [Laravel Valet](https://laravel.com/docs/valet) (or similar), your site should be available at `http://cool-site.test`. You can access the control panel at `http://cool-site.test/cp` and login with your new user. Open up the source code, follow along with the [Statamic docs](https://statamic.dev), and enjoy!
 
 ## Contributing
 

package.json

@@ -1,22 +1,16 @@
 {
     "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.4.0",
-        "cross-env": "^7.0",
-        "css-loader": "^5.2.7",
-        "laravel-mix": "^6.0",
-        "postcss": "^8.4.5",
-        "postcss-import": "^14.0.1",
-        "tailwindcss": "^3.0.23"
+        "@tailwindcss/typography": "^0.5.9",
+        "autoprefixer": "^10.4.14",
+        "laravel-vite-plugin": "^0.7.2",
+        "postcss": "^8.4.23",
+        "tailwindcss": "^3.3.2",
+        "vite": "^4.0.0"
     },
     "dependencies": {
         "alpinejs": "^3.9.1"

postcss.config.js

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

public/assets/content/.meta/lagoa.jpg.yaml

@@ -1,5 +1,7 @@
 data: {  }
 size: 317647
-last_modified: 1579281552
+last_modified: 1686751944
 width: 1344
 height: 896
+mime_type: image/jpeg
+duration: null

public/assets/content/.meta/reebok-pumps.jpg.yaml

@@ -1,5 +1,7 @@
 data: {  }
-size: 87881
-last_modified: 1579214338
+size: 82743
+last_modified: 1686751944
 width: 940
 height: 611
+mime_type: image/jpeg
+duration: null

public/assets/content/.meta/surge.jpg.yaml

@@ -1,5 +1,7 @@
 data: {  }
-size: 76240
-last_modified: 1579206544
+size: 66884
+last_modified: 1686751944
 width: 1500
 height: 750
+mime_type: image/jpeg
+duration: null

public/assets/site/.meta/scratches.svg.yaml

@@ -1,5 +1,7 @@
 data: {  }
 size: 1577
-last_modified: 1579283014
-width: null
-height: null
+last_modified: 1686751944
+width: '164.6'
+height: '148.6'
+mime_type: image/svg+xml
+duration: null

public/assets/site/social-icons/.meta/behance.svg.yaml

@@ -1,5 +1,7 @@
 data: {  }
-size: 2060
-last_modified: 1579016377
-width: null
-height: null
+size: 1984
+last_modified: 1686751944
+width: 16.0
+height: 16.0
+mime_type: image/svg+xml
+duration: null

public/assets/site/social-icons/.meta/dribbble.svg.yaml

@@ -1,5 +1,7 @@
 data: {  }
-size: 1576
-last_modified: 1579016375
-width: null
-height: null
+size: 1501
+last_modified: 1686751944
+width: 16.0
+height: 16.0
+mime_type: image/svg+xml
+duration: null

public/assets/site/social-icons/.meta/email.svg.yaml

@@ -1,5 +1,7 @@
 data: {  }
-size: 1067
-last_modified: 1579016425
-width: null
-height: null
+size: 985
+last_modified: 1686751944
+width: 16.0
+height: 16.0
+mime_type: image/svg+xml
+duration: null

public/assets/site/social-icons/.meta/facebook.svg.yaml

@@ -1,5 +1,7 @@
 data: {  }
-size: 854
-last_modified: 1579016307
-width: null
-height: null
+size: 779
+last_modified: 1686751944
+width: 16.0
+height: 16.0
+mime_type: image/svg+xml
+duration: null

public/assets/site/social-icons/.meta/flickr.svg.yaml

@@ -1,5 +1,7 @@
 data: {  }
-size: 627
-last_modified: 1579016359
-width: null
-height: null
+size: 552
+last_modified: 1686751944
+width: 16.0
+height: 16.0
+mime_type: image/svg+xml
+duration: null

public/assets/site/social-icons/.meta/github.svg.yaml

@@ -1,5 +1,7 @@
 data: {  }
-size: 1747
-last_modified: 1579016411
-width: null
-height: null
+size: 1672
+last_modified: 1686751944
+width: 16.0
+height: 16.0
+mime_type: image/svg+xml
+duration: null

public/assets/site/social-icons/.meta/instagram.svg.yaml

@@ -1,5 +1,7 @@
 data: {  }
-size: 779
-last_modified: 1579016351
-width: null
-height: null
+size: 703
+last_modified: 1686751944
+width: 16.0
+height: 16.0
+mime_type: image/svg+xml
+duration: null

public/assets/site/social-icons/.meta/linkedin.svg.yaml

@@ -1,5 +1,7 @@
 data: {  }
-size: 1013
-last_modified: 1579016386
-width: null
-height: null
+size: 937
+last_modified: 1686751944
+width: 16.0
+height: 16.0
+mime_type: image/svg+xml
+duration: null

public/assets/site/social-icons/.meta/medium.svg.yaml

@@ -1,5 +1,7 @@
 data: {  }
-size: 888
-last_modified: 1579016390
-width: null
-height: null
+size: 812
+last_modified: 1686751944
+width: 16.0
+height: 16.0
+mime_type: image/svg+xml
+duration: null

public/assets/site/social-icons/.meta/pinterest.svg.yaml

@@ -1,5 +1,7 @@
 data: {  }
-size: 1413
-last_modified: 1579016472
-width: null
-height: null
+size: 1337
+last_modified: 1686751944
+width: 16.0
+height: 16.0
+mime_type: image/svg+xml
+duration: null

public/assets/site/social-icons/.meta/skype.svg.yaml

@@ -1,5 +1,7 @@
 data: {  }
-size: 1342
-last_modified: 1579016398
-width: null
-height: null
+size: 1266
+last_modified: 1686751944
+width: 16.0
+height: 16.0
+mime_type: image/svg+xml
+duration: null

public/assets/site/social-icons/.meta/snapchat.svg.yaml

@@ -1,5 +1,7 @@
 data: {  }
-size: 1598
-last_modified: 1579016322
-width: null
-height: null
+size: 1522
+last_modified: 1686751944
+width: 16.0
+height: 16.0
+mime_type: image/svg+xml
+duration: null

public/assets/site/social-icons/.meta/soundcloud.svg.yaml

@@ -1,5 +1,7 @@
 data: {  }
-size: 1290
-last_modified: 1579016481
-width: null
-height: null
+size: 1214
+last_modified: 1686751944
+width: 16.0
+height: 16.0
+mime_type: image/svg+xml
+duration: null

public/assets/site/social-icons/.meta/twitter.svg.yaml

@@ -1,5 +1,7 @@
 data: {  }
-size: 1628
-last_modified: 1579016301
-width: null
-height: null
+size: 1552
+last_modified: 1686751944
+width: 16.0
+height: 16.0
+mime_type: image/svg+xml
+duration: null

public/assets/site/social-icons/.meta/youtube.svg.yaml

@@ -1,5 +1,7 @@
 data: {  }
-size: 862
-last_modified: 1579016372
-width: null
-height: null
+size: 786
+last_modified: 1686751944
+width: 16.0
+height: 16.0
+mime_type: image/svg+xml
+duration: null