diff --git a/src/components/SyntaxHighlight.vue b/src/components/SyntaxHighlight.vue
index 253c350..4c17965 100644
--- a/src/components/SyntaxHighlight.vue
+++ b/src/components/SyntaxHighlight.vue
@@ -1,4 +1,11 @@
 <script setup lang="ts">
+import { defineAsyncComponent } from "vue";
+
+// Import lib dynamically for chunking
+const Highlightjs = defineAsyncComponent(
+  async () => (await import("@/highlight")).default.component,
+);
+
 defineProps<{
   code: string;
   language?: string;
@@ -6,7 +13,7 @@ defineProps<{
 </script>
 
 <template>
-  <highlightjs
+  <Highlightjs
     :code
     :language
     :autodetect="false"
diff --git a/src/main.ts b/src/main.ts
index 5af31c1..46d2837 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -5,7 +5,6 @@ import router from "@/router/router";
 import App from "@/App.vue";
 import i18n from "@/i18n/i18n";
 import { formkit, formkitConfig } from "@/formkit";
-import highlight from "@/highlight";
 import { FontAwesomeIcon } from "@/fontawesome";
 import "@/index.css";
 
@@ -16,7 +15,6 @@ const app = createApp(App) //
   .use(pinia)
   .use(i18n)
   .use(formkit, formkitConfig)
-  .use(highlight)
   .component("icon", FontAwesomeIcon);
 
 // Use the Matomo plugin only if configured in env.