Wire up Livewire properly on v5 docs

Fixes the $persist JavaScript error

Author: duncanmcclean

app/Tags/Livewire.php

@@ -0,0 +1,19 @@
+<?php
+
+namespace App\Tags;
+
+use Livewire\Mechanisms\FrontendAssets\FrontendAssets;
+use Statamic\Tags\Tags;
+
+class Livewire extends Tags
+{
+    public function styles()
+    {
+        return FrontendAssets::styles();
+    }
+
+    public function scriptConfig()
+    {
+        return FrontendAssets::scriptConfig();
+    }
+}

package-lock.json

@@ -7,12 +7,11 @@
     },
     "devDependencies": {
         "@alpinejs/intersect": "^3.14.1",
-        "@alpinejs/persist": "^3.14.1",
+        "@vitejs/plugin-vue2": "^2.3.1",
         "alpinejs": "^3.2.4",
         "autoprefixer": "^10.4.20",
         "axios": "^0.30",
         "laravel-vite-plugin": "^1.0.5",
-        "@vitejs/plugin-vue2": "^2.3.1",
         "lodash": "^4.17.19",
         "postcss": "^8.4.47",
         "postcss-import": "^15.1.0",
@@ -21,7 +20,7 @@
     },
     "dependencies": {
         "@docsearch/js": "^3.0.0-alpha.40",
-        "meilisearch-docsearch": "^0.7.1",
-        "dayjs": "^1.10.7"
+        "dayjs": "^1.10.7",
+        "meilisearch-docsearch": "^0.7.1"
     }
 }

package.json

@@ -0,0 +1,16 @@
+{
+  "public/css/style.css": {
+    "file": "assets/style-j_Kfsfvr.css",
+    "src": "public/css/style.css",
+    "isEntry": true
+  },
+  "resources/js/site.js": {
+    "file": "assets/site-T7jN8WTg.js",
+    "name": "site",
+    "src": "resources/js/site.js",
+    "isEntry": true,
+    "css": [
+      "assets/site-BnwJm6um.css"
+    ]
+  }
+}

public/build/assets/site-BnwJm6um.css

@@ -1,6 +1,5 @@
-import { Alpine } from '../../vendor/livewire/livewire/dist/livewire.esm';
+import { Alpine, Livewire } from '../../vendor/livewire/livewire/dist/livewire.esm';
 import intersect from '@alpinejs/intersect';
-import persist from '@alpinejs/persist'
 import './collapsible-side-menu.js';
 import './anchors.js';
 import './cookies.js';
@@ -17,8 +16,7 @@ import './toc-navigation.js';
 
 // Register plugins before starting Alpine
 Alpine.plugin(intersect);
-Alpine.plugin(persist);
 
 // Start Alpine
-Alpine.start();
+Livewire.start();
 window.Alpine = Alpine;

public/build/assets/site-T7jN8WTg.js

@@ -52,4 +52,5 @@
         });
     </script>
     {{ vite src="resources/js/site.js" }}
+    {{ livewire:scriptConfig }}
 </head>