Ajout de la césure

src/pages/Index.vue

@@ -42,7 +42,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">{{ edge.node.contenu }}</p>
+          <p lang="fr" class="chapter-content" v-html="edge.node.contenu" />
       </div>
 
 
@@ -92,11 +92,16 @@ query {
 }
 </static-query>
 <script>
+  import VueMarkdown from 'vue-markdown'
+
   import {
   	Previewer
   } from 'pagedjs';
   import css from '~/css/print.css'
   export default {
+    components: {
+      VueMarkdown
+    },
   	metaInfo: {
   		title: 'HTML2print',
   	},
@@ -114,9 +119,13 @@ query {
         hyph.setAttribute('src', 'lib/hyph.js')
         document.head.appendChild(hyph)
         document.head.appendChild(hyphenopoly)
-        // HELP
-        let previewer = new Previewer();
-        previewer.preview()
+        // HELP !
+        // https://github.com/mnater/Hyphenopoly/blob/master/docs/Events.md#teardown-event
+        // L'event fonctionne, mais ça rend une page vierge ᕦ(ò_óˇ)ᕤ
+        setTimeout(()=>{
+          let previewer = new Previewer();
+          previewer.preview()
+        },1000)
       })
   	}
   }