From 0fa19a770126fed779f375ef23e220cd8e5b5c12 Mon Sep 17 00:00:00 2001
From: kayjaydee <killian.dalcin@gmail.com>
Date: Tue, 21 Apr 2026 14:36:49 +0200
Subject: [PATCH] feat(05-02): add test articles FR/EN and temporary test page

- content/fr/blog/test-kotlin-syntax.md: FR test article covering all 4 validation criteria
- content/en/blog/test-kotlin-syntax.md: EN version with same slug
- app/pages/test.vue: temporary page at /test for visual checkpoint verification
- Both articles contain: kotlin code block, NuxtImg image, markdown table, 4 callout types
---
 app/pages/test.vue                    | 11 ++++++
 content/en/blog/test-kotlin-syntax.md | 49 +++++++++++++++++++++++++++
 content/fr/blog/test-kotlin-syntax.md | 49 +++++++++++++++++++++++++++
 3 files changed, 109 insertions(+)
 create mode 100644 app/pages/test.vue
 create mode 100644 content/en/blog/test-kotlin-syntax.md
 create mode 100644 content/fr/blog/test-kotlin-syntax.md

diff --git a/app/pages/test.vue b/app/pages/test.vue
new file mode 100644
index 0000000..f571b27
--- /dev/null
+++ b/app/pages/test.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+const { data: page } = await useAsyncData('test', () =>
+  queryCollection('blog_fr').path('/blog/test-kotlin-syntax').first()
+)
+</script>
+
+<template>
+  <article class="prose dark:prose-invert max-w-none p-8">
+    <ContentRenderer v-if="page" :value="page" />
+  </article>
+</template>
diff --git a/content/en/blog/test-kotlin-syntax.md b/content/en/blog/test-kotlin-syntax.md
new file mode 100644
index 0000000..508cb6f
--- /dev/null
+++ b/content/en/blog/test-kotlin-syntax.md
@@ -0,0 +1,49 @@
+---
+title: "Test Kotlin Syntax Highlighting"
+description: "Test article to validate the @nuxt/content renderer"
+date: "2026-04-21"
+tags: ["kotlin", "hytale", "test"]
+---
+
+## Kotlin Code Block
+
+```kotlin
+fun main() {
+    println("Hello, Hytale!")
+}
+
+fun createPlugin(name: String): Plugin {
+    return Plugin(name = name, version = "1.0.0")
+}
+```
+
+## Optimized Image
+
+![Test image for NuxtImg in articles](/images/og-image.png)
+
+## Table
+
+| Feature | Status | Notes |
+|---------|--------|-------|
+| Syntax highlighting | ✅ Active | Kotlin, Java, TypeScript, Shell |
+| Optimized images | ✅ Active | Via NuxtImg (lazy + srcset) |
+| Tables | ✅ Active | Prose rendering |
+| Callouts | ✅ Active | MDC ::alert{type} |
+
+## Callouts
+
+::alert{type="info"}
+This is an information callout.
+::
+
+::alert{type="warning"}
+This is a warning.
+::
+
+::alert{type="tip"}
+Practical Kotlin development tip.
+::
+
+::alert{type="danger"}
+Critical error — do not ignore.
+::
diff --git a/content/fr/blog/test-kotlin-syntax.md b/content/fr/blog/test-kotlin-syntax.md
new file mode 100644
index 0000000..7064e1c
--- /dev/null
+++ b/content/fr/blog/test-kotlin-syntax.md
@@ -0,0 +1,49 @@
+---
+title: "Test Kotlin Syntax Highlighting"
+description: "Article de test pour valider le renderer @nuxt/content"
+date: "2026-04-21"
+tags: ["kotlin", "hytale", "test"]
+---
+
+## Bloc de code Kotlin
+
+```kotlin
+fun main() {
+    println("Hello, Hytale!")
+}
+
+fun createPlugin(name: String): Plugin {
+    return Plugin(name = name, version = "1.0.0")
+}
+```
+
+## Image optimisée
+
+![Image de test pour NuxtImg dans les articles](/images/og-image.png)
+
+## Tableau
+
+| Fonctionnalité | Statut | Notes |
+|----------------|--------|-------|
+| Syntax highlighting | ✅ Actif | Kotlin, Java, TypeScript, Shell |
+| Images optimisées | ✅ Actif | Via NuxtImg (lazy + srcset) |
+| Tableaux | ✅ Actif | Rendu prose |
+| Callouts | ✅ Actif | MDC ::alert{type} |
+
+## Callouts
+
+::alert{type="info"}
+Ceci est un callout d'information.
+::
+
+::alert{type="warning"}
+Ceci est un avertissement.
+::
+
+::alert{type="tip"}
+Conseil pratique de développement Kotlin.
+::
+
+::alert{type="danger"}
+Erreur critique — à ne pas ignorer.
+::