Merge branch 'main' of github.com:laravelcm/laravel.cm into main

Author: mckenziearts

README.md

@@ -6,6 +6,9 @@
     <a href="https://github.com/laravelcm/laravel.cm/actions">
         <img src="https://github.com/laravelcm/laravel.cm/workflows/Tests/badge.svg" alt="Build Status" />
     </a>
+    <a href="https://forge.laravel.com">
+        <img src="https://img.shields.io/endpoint?url=https%3A%2F%2Fforge.laravel.com%2Fsite-badges%2Fb0b9e269-e85c-40eb-9b8d-cfa8197a1bb2&style=plastic" alt="Laravel Forge Site Deployment Status" />
+    </a>
 </p>
 
 ## Laravel.cm

package.json

@@ -38,6 +38,7 @@
     "axios": "^0.21.1",
     "canvas-confetti": "^1.4.0",
     "choices.js": "^9.0.1",
+    "highlight.js": "^11.7.0",
     "htm": "^3.1.0",
     "intl-tel-input": "^17.0.13",
     "preact": "^10.5.15",

public/css/app.css

@@ -1,5 +1,5 @@
 {
-    "/js/app.js": "/js/app.js?id=14e78ed3da0550befb1ae94a465013f5",
-    "/css/app.css": "/css/app.css?id=e949df09924e368d035a31b5f215b118",
+    "/js/app.js": "/js/app.js?id=d891a2d14ba2c320f58fd39d97107432",
+    "/css/app.css": "/css/app.css?id=eaeae4ed6500cc10a072b4753147ef7f",
     "/css/filament.css": "/css/filament.css?id=31807c66ef04b2d10d4b1a197a767d07"
 }

public/js/app.js

@@ -3,6 +3,7 @@
 @import "tailwindcss/utilities";
 
 @import '../../vendor/filament/forms/dist/module.esm.css';
+@import "~highlight.js/styles/atom-one-dark.css";
 @import '~choices.js/public/assets/styles/choices.css';
 @import '~intl-tel-input/build/css/intlTelInput.css';
 

public/mix-manifest.json

@@ -1,10 +1,18 @@
+import hljs from 'highlight.js'
 import Choices from 'choices.js'
 
 // Create a multiselect element.
 window.choices = (element) => {
   return new Choices(element, { maxItemCount: 3, removeItemButton: true });
 }
 
+// Syntax highlight code blocks.
+window.highlightCode = (element) => {
+  element.querySelectorAll('pre code').forEach((block) => {
+    hljs.highlightBlock(block);
+  })
+}
+
 // Create Capitalize string
 window.capitalize = (string) => string.replace(/^\w/, (c) => c.toUpperCase())