fix(05-02): rebuild Alert sans UAlert, ProseImg img natif, test.vue layout propre

2026-04-21 15:24:22 +02:00
parent e1c91e583f
commit 9849c18da4
3 changed files with 116 additions and 32 deletions
@@ -5,7 +5,26 @@ const { data: page } = await useAsyncData('test', () =>
 </script>

 <template>
-  <article class="prose dark:prose-invert max-w-none p-8">
-    <ContentRenderer v-if="page" :value="page" />
-  </article>
+  <div class="min-h-screen bg-white dark:bg-neutral-950">
+    <div class="mx-auto max-w-2xl px-6 py-16">
+      <header class="mb-10">
+        <div class="mb-3 text-xs font-semibold uppercase tracking-widest text-neutral-400">
+          Renderer Test
+        </div>
+        <h1 class="text-3xl font-bold text-neutral-900 dark:text-white">
+          {{ page?.title }}
+        </h1>
+        <p class="mt-2 text-neutral-500 dark:text-neutral-400">
+          {{ page?.description }}
+        </p>
+      </header>
+
+      <article class="prose prose-neutral dark:prose-invert max-w-none
+        prose-headings:font-semibold
+        prose-code:before:content-none prose-code:after:content-none
+        prose-pre:p-0 prose-pre:bg-transparent">
+        <ContentRenderer v-if="page" :value="page" />
+      </article>
+    </div>
+  </div>
 </template>