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
This commit is contained in:
@@ -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>
|
||||||
@@ -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
|
||||||
|
|
||||||
|

|
||||||
|
|
||||||
|
## 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.
|
||||||
|
::
|
||||||
@@ -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
|
||||||
|
|
||||||
|

|
||||||
|
|
||||||
|
## 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.
|
||||||
|
::
|
||||||
Reference in New Issue
Block a user