Ajout du markdown

src/.temp/now.js

@@ -1 +1 @@
-export default 1562583989848
+export default 1562589257983

src/css/print.css

@@ -126,27 +126,31 @@ body {
 	font-size: 10pt;
 	letter-spacing: 4pt;
 }
+.section-title {
+	font-family: "TextaAlt";
+	font-weight: 800;
+	font-size: 12pt;
+}
 .chapter-content {
-	text-align: justify;
-	-webkit-hyphens : auto;
+	hyphens: auto;
 	font-family: "Cormorant";
 	font-weight: 200;
 	font-size: 10pt;
 	line-height: 18pt;
 }
-.section-title {
-	font-family: "TextaAlt";
-	font-weight: 800;
-	font-size: 12pt;
-}
 .section-content {
-	text-align: justify;
 	hyphens: auto;
 	font-family: "SGI-TextAlt";
 	font-size:9.5pt;
 	font-weight: 200;
 	line-height: 18pt;
 }
+.justify p{
+	text-align: justify;
+	text-align-last: left !important;
+
+	hyphens: auto;
+}
 .image-cover {
 	page: imagecover;
 	background-size: cover;

src/pages/Index.vue

@@ -1,10 +1,9 @@
 <template>
   <Layout>
+
     <div class="blank-page no-folio">
   <!-- Page blanche -->
     </div>
-
-
     <div class="v-center grow no-folio">
       <h1 class="pre-title center" v-html="$static.metaData.titreDuProjet" />
       <h2 class="pre-sub-title center" v-html="$static.metaData.sousTitre" />
@@ -42,7 +41,7 @@
 
       <div class="hyphen" v-for="(edge,index) in $page.chapters.edges.slice().reverse()" :key="'chapter'+edge.node.id">
         <h2 v-bind:id="'chapter'+edge.node.id" class="chapter-title" v-bind:class="{ canbreak: isNotFirst(index) }" >{{ edge.node.titre }}</h2>
-          <p lang="fr" class="chapter-content" v-html="edge.node.contenu" />
+          <VueMarkdown lang="fr" class="chapter-content justify">{{edge.node.contenu}}</VueMarkdown>
       </div>
 
 
@@ -62,9 +61,9 @@
       </div>
 
 
-      <div v-for="(edge,index) in $page.sections.edges.slice().reverse()" :key="'section'+edge.node.id">
+      <div class="hyphen" v-for="(edge,index) in $page.sections.edges.slice().reverse()" :key="'section'+edge.node.id">
         <h3 class="section-title" v-bind:class="{ canbreak: isNotFirst(index) }">{{ edge.node.titre }}</h3>
-        <p lang="fr" class="section-content">{{ edge.node.contenu }}</p>
+        <VueMarkdown lang="fr" class="section-content justify">{{ edge.node.contenu }}</VueMarkdown>
       </div>
 
   </Layout>
@@ -125,6 +124,7 @@ query {
         setTimeout(()=>{
           let previewer = new Previewer();
           previewer.preview()
+
         },1000)
       })
   	}