Re-add highlightjs

Fixes #67

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

@@ -4,6 +4,8 @@ global-styling:
       dist/tailwind.css: {}
 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/src/app.js

@@ -0,0 +1,7 @@
+import hljs from 'highlightjs'
+
+document.addEventListener('DOMContentLoaded', event => {
+  document.querySelectorAll('pre code').forEach(block => {
+    hljs.highlightBlock(block)
+  })
+})

web/themes/custom/opdavies/webpack.mix.js

@@ -6,3 +6,5 @@ mix.postCss('src/tailwind.pcss', 'dist', [
   require('postcss-nested'),
   require('autoprefixer')
 ])
+
+mix.js('src/app.js', 'dist/js')