feat(prose): fixed height code block

Signed-off-by: ZTL-UwU <[email protected]>

components/content/ProseCode.vue

@@ -16,13 +16,13 @@
       <CodeCopy :code />
     </span>
     <div class="bg-muted/30">
-      <UiScrollArea>
+      <UiScrollArea :style="[parsedMeta.has('height') && `height: ${parsedMeta.get('height')}px`]">
         <div
           class="overflow-x-auto py-3 text-sm"
           :class="[
             !inGroup && !filename && 'inline-copy',
             !language && 'pl-3', !inGroup,
-            showLineNumber && 'show-line-number',
+            parsedMeta.has('line-numbers') && 'show-line-number',
           ]"
         >
           <slot />
@@ -54,7 +54,17 @@ const {
   meta?: string;
 }>();
 
-const showLineNumber = computed(() => meta?.includes('line-numbers'));
+const parsedMeta = computed(() => {
+  const split = meta?.split(' ') ?? [];
+  const params = new Map<string, string | undefined>();
+
+  for (const param of split) {
+    const [key, val] = param.split('=');
+    params.set(key, val);
+  }
+
+  return params;
+});
 
 const iconMap = new Map(Object.entries(useConfig().value.main.codeIcon));
 const icon = computed(() => {

content/2.components/1.prose.md

@@ -77,6 +77,20 @@ icon: lucide:letter-text
   const line2 = 'This is line 2';
   const line3 = 'This is line 3';
   ```
+
+  ```ts [Fixed Height] height=150
+  const parsedMeta = computed(() => {
+    const split = meta?.split(' ') ?? [];
+    const params = new Map<string, string | undefined>();
+
+    for (const param of split) {
+      const [key, val] = param.split('=');
+      params.set(key, val);
+    }
+
+    return params;
+  });
+  ```
   ::
 
   ````md [Code]
@@ -103,7 +117,21 @@ icon: lucide:letter-text
   const line2 = 'This is line 2';
   const line3 = 'This is line 3';
   ```
-  ````
+
+  ```ts [Fixed Height] height=150
+  const parsedMeta = computed(() => {
+    const split = meta?.split(' ') ?? [];
+    const params = new Map<string, string | undefined>();
+
+    for (const param of split) {
+      const [key, val] = param.split('=');
+      params.set(key, val);
+    }
+
+    return params;
+  });
+  ```
+````
 ::
 
 ### Inline Code