From 3a764403c918cfcee76675cb93486247bd52f706 Mon Sep 17 00:00:00 2001
From: Tai Sakuma <tai.sakuma@gmail.com>
Date: Thu, 21 Sep 2023 16:20:48 -0400
Subject: [PATCH] render note preview with MathJax

---
 src/components/product/form/start/Note.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/product/form/start/Note.vue b/src/components/product/form/start/Note.vue
index 9ee0050..6eae35c 100644
--- a/src/components/product/form/start/Note.vue
+++ b/src/components/product/form/start/Note.vue
@@ -13,7 +13,7 @@
     >
       <v-textarea
         variant="outlined"
-        hint="Note will be parsed as Markdown"
+        hint="Note will be parsed as Markdown. Math expressions are rendered with MathJax ($ and $$ are delimiters for inline and display math, respectively)."
         persistent-hint
         rows="6"
         :model-value="note"
@@ -22,12 +22,11 @@
     </v-window-item>
     <v-window-item
       value="preview"
-      v-html="noteMarked"
       style="min-height: 180px; width: 98%; border: solid 1px"
       :transition="false"
       :reverse-transition="false"
-      class="markdown-body px-3 py-3"
     >
+      <note :markdown="note"></note>
     </v-window-item>
   </v-window>
 </template>
@@ -36,6 +35,8 @@
 import { ref, computed, watchEffect } from "vue";
 import { marked } from "marked";
 
+import Note from "@/components/product/item-card/note/Note.vue";
+
 interface Props {
   modelValue: string;
 }