From d492e77a05f1266cf7c93ac8f7335c55c6c1485a Mon Sep 17 00:00:00 2001
From: Julien Calixte <juliencalixte@gmail.com>
Date: Mon, 5 Apr 2021 16:35:11 +0200
Subject: [PATCH] :lipstick: (stacked note) better titles

---
 src/components/StackedNote.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/StackedNote.vue b/src/components/StackedNote.vue
index bc97f3e..d220ece 100644
--- a/src/components/StackedNote.vue
+++ b/src/components/StackedNote.vue
@@ -9,7 +9,7 @@
   >
     <div class="title-stacked-note" :class="titleClassName">
       <a @click.prevent="focus">
-        {{ title }}
+        {{ displayedTitle }}
       </a>
     </div>
     <section class="note-content" v-html="content"></section>
@@ -39,6 +39,7 @@ export default defineComponent({
     const titleClassName = computed(() => `title-${className.value}`)
 
     const { displayNoteOverlay } = useNoteOverlay(className.value, props.index)
+    const displayedTitle = computed(() => props.title.replaceAll('/', ' / '))
 
     watch(content, () => {
       if (content.value) {
@@ -55,6 +56,7 @@ export default defineComponent({
       titleClassName,
       className,
       displayNoteOverlay,
+      displayedTitle,
       focus: () => scrollToFocusedNote(props.sha)
     }
   }