From e784d75105c97131a403445af1c88fd7efaae7d4 Mon Sep 17 00:00:00 2001
From: axolotle <nchesnais@mailoo.org>
Date: Mon, 28 Feb 2022 12:29:09 +0100
Subject: [PATCH] fix notes number on PageView

---
 src/components/layouts/PageView.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/layouts/PageView.vue b/src/components/layouts/PageView.vue
index ac49ff4..862e5ab 100644
--- a/src/components/layouts/PageView.vue
+++ b/src/components/layouts/PageView.vue
@@ -22,17 +22,18 @@ export default {
       const links = this.$el.querySelectorAll('.page-wrapper a')
       links.forEach((link, i) => {
         const number = parseInt(link.hash.replace('#', ''))
-        if (!isNaN(number)) {
+        if (!isNaN(number) && this.page.notes.find(note => note.number === number)) {
           link.classList.add('page-footnote-link')
           link.id = `footnote-${this.slug}-${number}`
           link.setAttribute('href', 'javascript:;')
           link.dataset.number = number
+          link.textContent = i + 1
           if (link.parentElement.nodeName === 'SUP') {
             link.parentElement.replaceWith(link)
           }
           link.onclick = this.onFootnoteLinkClick
 
-          this.addFootnoteContent(link, i)
+          this.addFootnoteContent(link, number)
         }
       })
     },
@@ -41,7 +42,7 @@ export default {
       const noteContainer = document.createElement('DIV')
       noteContainer.classList.add('page-footnote-content')
       noteContainer.id = link.id + '-content'
-      noteContainer.innerHTML = this.page.notes[i].content
+      noteContainer.innerHTML = this.page.notes.find(note => note.number === i).content
       link.insertAdjacentElement('afterend', noteContainer)
     },