Refactor Google Tag Manager integration to use component syntax in default.vue and BlogEntry.vue; update markdown languages in nuxt.config.ts

TheMeinerLP · TheMeinerLP · commit d9cea1b2881e · 2025-06-01T19:12:27.000+02:00
diff --git a/layouts/BlogEntry.vue b/layouts/BlogEntry.vue
@@ -16,14 +16,14 @@ const title = computed(() =>route.meta?.title ?? 'TDB');
     <template v-for="meta in head.meta" :key="meta.hid">
       <Meta :id="meta.hid" :property="meta.property" :content="meta.content" />
     </template>
-    <script async src="https://www.googletagmanager.com/gtag/js?id=AW-16761048144"></script>
-    <script>
+    <component is="script" async src="https://www.googletagmanager.com/gtag/js?id=AW-16761048144"></component>
+    <component is="script">
       window.dataLayer = window.dataLayer || [];
       function gtag(){dataLayer.push(arguments);}
       gtag('js', new Date());
 
       gtag('config', 'AW-16761048144');
-    </script>
+    </component>
   </Head>
   <Body class="h-full dark:bg-gray-900">
     <NavigationBar />
diff --git a/layouts/default.vue b/layouts/default.vue
@@ -17,14 +17,14 @@ const title = computed(() => t(route.meta?.title ?? 'TDB'));
     <template v-for="meta in head.meta" :key="meta.hid">
       <Meta :id="meta.hid" :property="meta.property" :content="meta.content" />
     </template>
-    <script async src="https://www.googletagmanager.com/gtag/js?id=AW-16761048144"></script>
-    <script>
+    <component is="script" async src="https://www.googletagmanager.com/gtag/js?id=AW-16761048144"></component>
+    <component is="script">
       window.dataLayer = window.dataLayer || [];
       function gtag(){dataLayer.push(arguments);}
       gtag('js', new Date());
 
       gtag('config', 'AW-16761048144');
-    </script>
+    </component>
   </Head>
   <Body class="h-full dark:bg-gray-900">
     <NavigationBar />
diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -136,6 +136,7 @@ export default defineNuxtConfig({
     build: {
       markdown: {
         highlight: {
+          langs: ['json', 'java', 'js', 'ts', 'html', 'css', 'vue', 'shell', 'mdc', 'md', 'yaml'],
           theme: {
             // Default theme (same as single string)
             default: 'github-light',
