Ajout de la césure

src/.temp/now.js

@@ -1 +1 @@
-export default 1562412036602
+export default 1562582772652

src/.temp/routes.js

@@ -2,7 +2,7 @@ export default [
   {
     name: "home",
     path: "/",
-    component: () => import(/* webpackChunkName: "page--src--pages--index-vue" */ "/home/thibaud/Bureau/popsu_html2print/src/pages/Index.vue"),
+    component: () => import(/* webpackChunkName: "page--src--pages--index-vue" */ "/home/figureslibres/Desktop/popsu_html2print/src/pages/Index.vue"),
     meta: {
       data: true
     }
@@ -10,12 +10,12 @@ export default [
   {
     name: "404",
     path: "/404",
-    component: () => import(/* webpackChunkName: "page--node-modules--gridsome--app--pages--404-vue" */ "/home/thibaud/Bureau/popsu_html2print/node_modules/gridsome/app/pages/404.vue")
+    component: () => import(/* webpackChunkName: "page--node-modules--gridsome--app--pages--404-vue" */ "/home/figureslibres/Desktop/popsu_html2print/node_modules/gridsome/app/pages/404.vue")
   },
   {
     name: "*",
     path: "*",
-    component: () => import(/* webpackChunkName: "page--node-modules--gridsome--app--pages--404-vue" */ "/home/thibaud/Bureau/popsu_html2print/node_modules/gridsome/app/pages/404.vue")
+    component: () => import(/* webpackChunkName: "page--node-modules--gridsome--app--pages--404-vue" */ "/home/figureslibres/Desktop/popsu_html2print/node_modules/gridsome/app/pages/404.vue")
   }
 ]
 

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)
       })
   	}
   }