Install Alpine JS with npm

web/themes/custom/opdavies/opdavies.libraries.yml

@@ -5,7 +5,3 @@ global-styling:
 global-scripts:
   js:
     dist/js/app.js: {}
-
-    'https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js':
-      type: external
-      minified: true

web/themes/custom/opdavies/package-lock.json

@@ -196,6 +196,11 @@
       "integrity": "sha1-l6ERlkmyEa0zaR2fn0hqjsn74KM=",
       "dev": true
     },
+    "alpinejs": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/alpinejs/-/alpinejs-2.3.5.tgz",
+      "integrity": "sha512-/zQiqmiM3gBVKD+yeP7p9XzOXfhxxDMAfoaJRpXiAJykGaeSe3L+bvp/a6uRQMygPV+UUdgAk8fdfToJttRcUQ=="
+    },
     "amdefine": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/amdefine/-/amdefine-1.0.1.tgz",

web/themes/custom/opdavies/package.json

@@ -17,5 +17,7 @@
     "postcss-nested": "^4.2.1",
     "tailwindcss": "^1.0.1"
   },
-  "dependencies": {}
+  "dependencies": {
+    "alpinejs": "^2.3.5"
+  }
 }

web/themes/custom/opdavies/src/app.js

@@ -1,3 +1,4 @@
+import 'alpinejs'
 import hljs from 'highlightjs'
 
 document.addEventListener('DOMContentLoaded', event => {