markdown assets css

app.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="content-wrapper">
     <ContentRenderer :value="doc" /> <!-- Render the markdown content -->
   </div>
 </template>

assets/main.css

@@ -0,0 +1,47 @@
+.content-wrapper {
+    background-color:#F5F5F5;
+   
+}
+.content-wrapper h1 {
+    text-align: center;
+    color: #6A994E;
+    font-size: 2.5em;
+    margin: 20px 0;
+    text-transform: uppercase;}
+    .content-wrapper h2 {
+        font-size: 1em;
+        color:#c9c551 !important;
+        }
+.content-wrapper h2 a {
+      text-decoration: none; /* Supprime le soulignement */
+      
+      cursor: default;
+                 
+              }    
+.content-wrapper h4 {
+     text-align: center; /* Centre horizontalement le texte dans <h4> */
+      }
+ .content-wrapper h4 a {
+    text-decoration: none; /* Supprime le soulignement */
+    color: #8B5E3C; 
+    cursor: default;
+       
+    }
+
+  .content-wrapper h5 {
+    color: #8B5E3C; /* Vert pour souligner les sous-sections */
+    font-size: 1em;
+    margin-top: 20px;
+    margin: 10px 10px;
+  }
+.content-wrapper p{
+    font-weight: normal;
+    margin: 10px 10px ;
+    text-align: justify;
+    font-size: 0.98em;
+    color:#8B5E3C;
+}
+
+
+
+

nuxt.config.ts

@@ -1,4 +1,5 @@
 export default defineNuxtConfig({
+  css: ['./assets/main.css'],
   modules: [
     '@nuxt/content'
   ],