Specify cssPath for code highlight

Otherwise attempts to use CDN

Author: johnsimons

src/Frontend/src/App.vue

@@ -5,7 +5,6 @@ import PageFooter from "./components/PageFooter.vue";
 import PageHeader from "./components/PageHeader.vue";
 import "bootstrap";
 import { useServiceControlUrls } from "@/composables/serviceServiceControlUrls";
-import "highlight.js/styles/github-dark.css";
 import { useServiceControl } from "@/composables/serviceServiceControl";
 import LicenseNotifications from "@/components/LicenseNotifications.vue";
 import BackendChecksNotifications from "@/components/BackendChecksNotifications.vue";

src/Frontend/src/components/BackendChecksNotifications.vue

@@ -3,7 +3,6 @@ import { computed, watch } from "vue";
 import { useRouter } from "vue-router";
 import "bootstrap";
 import { monitoringUrl, serviceControlUrl, useIsMonitoringDisabled } from "@/composables/serviceServiceControlUrls";
-import "highlight.js/styles/github-dark.css";
 import { monitoringConnectionState, connectionState, environment } from "@/composables/serviceServiceControl";
 import routeLinks from "@/router/routeLinks";
 import { useShowToast } from "@/composables/toast";
@@ -53,5 +52,5 @@ watch(
 );
 </script>
 <template>
-  <div></div>
+  <template></template>
 </template>

src/Frontend/src/components/LicenseNotifications.vue

@@ -61,5 +61,5 @@ onMounted(async () => {
 });
 </script>
 <template>
-  <div></div>
+  <template></template>
 </template>

src/Frontend/src/mount.ts

@@ -6,6 +6,7 @@ import VueTippy from "vue-tippy";
 import { createPinia } from "pinia";
 import SimpleTypeahead from "vue3-simple-typeahead";
 import { createVCodeBlock } from "@wdns/vue-code-block";
+import "highlight.js/styles/github-dark.css";
 
 const toastOptions: PluginOptions = {
   position: POSITION.BOTTOM_RIGHT,
@@ -25,6 +26,7 @@ export function mount({ router }: { router: Router }) {
 
   const VCodeBlock = createVCodeBlock({
     theme: "github-dark",
+    cssPath: "highlight.js/styles/github-dark.css",
     highlightjs: true,
   });