fix(05-02): Clear.vue MDC component, replace raw div clear:both (hydration mismatch)

2026-04-21 15:51:06 +02:00
parent 3e20e9ece9
commit 006df6ad30
2 changed files with 7 additions and 2 deletions
@@ -0,0 +1,3 @@
+<template>
+  <div class="not-prose clear-both" />
+</template>
@@ -73,7 +73,8 @@ docker build -t portfolio:latest .

 Texte qui entoure l'image flottante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.

-<div style="clear:both"></div>
+::clear
+::

 **Flottant à droite :**

@@ -81,7 +82,8 @@ Texte qui entoure l'image flottante. Lorem ipsum dolor sit amet, consectetur adi

 Texte qui entoure l'image flottante à droite. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

-<div style="clear:both"></div>
+::clear
+::

 **Classes Tailwind directes :**