fix code group

app/assets/style/main.css

@@ -71,11 +71,17 @@
     @apply prose-h4:text-base sm:prose-h4:text-lg prose-h4:text-font-primary prose-h4:font-[500];
     @apply prose-h5:text-sm sm:prose-h5:text-base prose-h5:text-font-primary prose-h5:font-[500];
     @apply prose-a:text-accent dark:prose-a:text-accent prose-a:underline;
-    @apply prose-pre:text-sm sm:prose-pre:text-base prose-pre:text-font-primary;
-    @apply prose-code:text-font-primary;
     @apply prose-strong:text-font-primary prose-strong:font-[500];
   }
 
+  .writing :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+    @apply bg-primary;
+  }
+
+  .writing :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+    @apply text-font-primary;
+  }
+
   .contrast {
     @apply text-gray-900 dark:text-gray-100 font-[500];
   }

app/components/toc/Index.vue

@@ -52,7 +52,7 @@ onClickOutside(target, event => {
   <div
     class="fixed z-50 scale-[0.9] sm:scale-[0.6] transition-all duration-300 ease-in-out right-2 top-1/2 -translate-y-1/2 origin-right"
     :class="[
-      !isMobile && 'hover:scale-100'
+      !isMobile && 'hover:scale-120'
     ]"
   >
     <div
@@ -66,7 +66,7 @@ onClickOutside(target, event => {
       @mouseleave="handleInteraction('leave')"
       @click="isMobile && handleInteraction('click')"
     >
-      <nav class="overflow-y-auto">
+      <nav class="overflow-y-auto cursor-pointer">
         <div>
           <TocLinks
             :links

nuxt.config.ts

@@ -78,7 +78,8 @@ export default defineNuxtConfig({
         default: 'github-light',
         dark: 'github-dark',
         light: 'github-light',
-      }
+      },
+      preload: ['diff', 'ts', 'js', 'css', 'bash', 'json'],
     },
     sources: {
       github: {