From 1160165cf55183ab5a485651590aa1bf03585784 Mon Sep 17 00:00:00 2001
From: Marco Crapts <mcrapts@gmail.com>
Date: Sat, 20 May 2023 15:41:37 +0200
Subject: [PATCH] add modal titles

---
 src/components/Note/NoteToolbar.vue | 2 ++
 src/components/TopBar.vue           | 9 ++++++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/Note/NoteToolbar.vue b/src/components/Note/NoteToolbar.vue
index d9af9c8..09d692b 100644
--- a/src/components/Note/NoteToolbar.vue
+++ b/src/components/Note/NoteToolbar.vue
@@ -21,6 +21,7 @@ const emit = defineEmits<{
             <i class="fas fa-fw fa-trash" />
           </button>
         </template>
+        <template #title>Delete note</template>
         <template #default>Are you sure you want to delete this note?</template>
         <template #actions="{ close }">
           <button class="btn-primary btn-sm btn" @click="emit('delete', close)">Delete note</button>
@@ -33,6 +34,7 @@ const emit = defineEmits<{
             <i class="fas fa-fw fa-sitemap" />
           </button>
         </template>
+        <template #title>Set root note</template>
         <template #default>Are you sure you want to set this note as root note?</template>
         <template #actions="{ close }">
           <button class="btn-sm btn" @click="close">Close</button>
diff --git a/src/components/TopBar.vue b/src/components/TopBar.vue
index 118fd55..f4a69bb 100644
--- a/src/components/TopBar.vue
+++ b/src/components/TopBar.vue
@@ -51,6 +51,7 @@ const authModalInitialStateOpen = ref(
             <template #activator="{ open }">
               <button class="btn-outline btn-sm btn py-1 text-white" @click="open">Sign in</button>
             </template>
+            <template #title>Sign in</template>
             <template #default="{ close }">
               <Auth @signedIn="close" />
             </template>
@@ -70,8 +71,14 @@ const authModalInitialStateOpen = ref(
               >
                 <Modal>
                   <template #activator="{ open }">
-                    <li @click="open" class="text-base"><a><i class="fa-fw fa-solid fa-right-from-bracket" />Sign out</a></li>
+                    <li @click="open" class="text-base">
+                      <a>
+                        <i class="fa-fw fa-solid fa-right-from-bracket" />
+                        Sign out
+                      </a>
+                    </li>
                   </template>
+                  <template #title>Sign out</template>
                   <template #default>Are you sure want to signout?</template>
                   <template #actions="{ close }">
                     <button class="btn-sm btn" @click="close">Close</button>