From de0f592c463b425f0612d9228cc242528da82c3d Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Tue, 18 Jul 2023 21:41:09 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20(fonts)=20add=20fonts?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/NewVersion.vue   |  2 +-
 src/components/SignInGithub.vue |  1 -
 src/hooks/useImages.hook.ts     | 52 ++++++++++++++++++---------------
 src/styles/app.scss             |  2 +-
 4 files changed, 31 insertions(+), 26 deletions(-)

diff --git a/src/components/NewVersion.vue b/src/components/NewVersion.vue
index 94786cb..5b8b963 100644
--- a/src/components/NewVersion.vue
+++ b/src/components/NewVersion.vue
@@ -44,7 +44,7 @@ const close = async () => {
   bottom: 0;
   margin: 1rem;
   padding: 0.5rem;
-  width: 200px;
+  width: 220px;
   color: var(--primary-color);
   border: var(--primary-color) 2px solid;
   border-radius: 4px;
diff --git a/src/components/SignInGithub.vue b/src/components/SignInGithub.vue
index 31e85bf..232775a 100644
--- a/src/components/SignInGithub.vue
+++ b/src/components/SignInGithub.vue
@@ -1,5 +1,4 @@
 <script lang="ts" setup>
-
 const GITHUB_URL = 'https://github.com/login/oauth/authorize'
 
 const CLIENT_ID = 'Iv1.12dc43d013ce3623'
diff --git a/src/hooks/useImages.hook.ts b/src/hooks/useImages.hook.ts
index da83c14..f872e67 100644
--- a/src/hooks/useImages.hook.ts
+++ b/src/hooks/useImages.hook.ts
@@ -12,33 +12,39 @@ export const useImages = (sha: string) => {
     () => store.files.find((file) => file.sha === sha)?.path
   )
 
-  watch(currentFilePath, (filePath) => {
-    if (!filePath) {
-      return
-    }
-
-    const images = document.querySelectorAll(`.note-${sha} img`)
-
-    images.forEach(async (image) => {
-      const src = image.getAttribute('src')
-      if (!src || src.startsWith(SRC_PREFIX)) {
+  watch(
+    currentFilePath,
+    (filePath) => {
+      if (!filePath) {
         return
       }
 
-      const imageFilePath = resolvePath(
-        filePath,
-        image.getAttribute('src') ?? ''
-      )
+      const images = document.querySelectorAll(`.note-${sha} img`)
 
-      const imageFile = store.files.find((file) => file.path === imageFilePath)
+      images.forEach(async (image) => {
+        const src = image.getAttribute('src')
+        if (!src || src.startsWith(SRC_PREFIX)) {
+          return
+        }
 
-      if (!imageFile?.sha) {
-        return
-      }
-      const { getCachedFileContent } = useFile(imageFile.sha, false)
+        const imageFilePath = resolvePath(
+          filePath,
+          image.getAttribute('src') ?? ''
+        )
 
-      const fileContent = await getCachedFileContent()
-      image.setAttribute('src', `${SRC_PREFIX} ${fileContent}`)
-    })
-  })
+        const imageFile = store.files.find(
+          (file) => file.path === imageFilePath
+        )
+
+        if (!imageFile?.sha) {
+          return
+        }
+        const { getCachedFileContent } = useFile(imageFile.sha, false)
+
+        const fileContent = await getCachedFileContent()
+        image.setAttribute('src', `${SRC_PREFIX} ${fileContent}`)
+      })
+    },
+    { immediate: true }
+  )
 }
diff --git a/src/styles/app.scss b/src/styles/app.scss
index 2d2b26a..28da44a 100644
--- a/src/styles/app.scss
+++ b/src/styles/app.scss
@@ -1,5 +1,5 @@
 @charset "utf-8";
-@import url('https://fonts.googleapis.com/css2?family=Courier+Prime&family=Courgette&family=IBM+Plex+Serif&family=Kiwi+Maru&family=Maven+Pro&family=Noto+Sans+KR&family=Tajawal&family=Domine&family=Amiri&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Courier+Prime&family=Courgette&family=IBM+Plex+Serif&family=Kiwi+Maru&family=Maven+Pro&family=Noto+Sans+KR&family=Tajawal&family=Domine&family=Amiri&display=swap&family=Montagu+Slab&family=Gowun+Batang&family=Cormorant+Garamond&family=forum');
 
 /**
   font-family: 'Courgette', cursive;