add crystal post, small style tweaks

components/content/ProseCode.vue

@@ -9,7 +9,7 @@
                 {{ filename }}
             </span>
         </div>
-        <div ref="codeElm">
+        <div style="font-variant-ligatures: none" ref="codeElm">
             <slot />
         </div>
         <div class="bottom-container">
@@ -138,4 +138,4 @@ const copyCode = () => {
 .dark :slotted(pre code .highlighted) {
     background-color: #2e2b2e;
 }
-</style>
+</style>

components/content/ProseH2.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="group flex mt-2">
-        <h2 :id="id" class="text-2xl">
+        <h2 :id="id" class="text-2xl font-semibold">
             <slot />
         </h2>
         <button @click="copy('https://juls07.dev' + route.path + '#' + id)"
@@ -41,4 +41,4 @@ const route = useRoute();
 .icon {
     display: block;
 }
-</style>
+</style>

components/content/ProseH3.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="group flex mt-2">
-        <h3 :id="id" class="text-xl">
+        <h3 :id="id" class="text-xl font-semibold">
             <slot />
         </h3>
         <button @click="copy('https://juls07.dev' + route.path + '#' + id)"
@@ -41,4 +41,4 @@ const route = useRoute();
 .icon {
     display: block;
 }
-</style>
+</style>

components/content/ProseImg.vue

@@ -0,0 +1,16 @@
+<script setup lang="ts">
+withDefaults(
+    defineProps<{
+        src: string;
+        alt: string | undefined;
+    }>(),
+    {
+        src: '',
+        alt: '',
+    }
+);
+</script>
+
+<template>
+        <img class="mx-auto" :src="src" :alt="alt" />
+</template>