native dialog on android & ios

src/components/ViewModes/Note.vue

@@ -30,26 +30,27 @@ const updateNoteContent = (content: string) => {
 
 const references = computed<Note[]>(() => getNoteReferences(props.note))
 
-const del = async (closeModal: () => Promise<Boolean>) => {
-  await closeModal()
-  setActiveNote(rootNote.value?.id)
-  deleteNote(props.note.id)
-}
-
-const setRoot = async (closeModal: () => Promise<Boolean>) => {
-  setRootNote(props.note.id)
-  closeModal()
+const handleAction = async (action: string, closeModal: () => Promise<Boolean>) => {
+  if (action === 'delete') {
+    if (closeModal) await closeModal()
+    setActiveNote(rootNote.value?.id)
+    deleteNote(props.note.id)
+  }
+  if (action === 'setRoot') {
+    setRootNote(props.note.id)
+    if (closeModal) closeModal()
+  }
 }
 </script>
 <template>
   <div class="flex flex-grow flex-col">
-    <NoteToolbar :note="props.note" @delete="del" @set-root="setRoot">
+    <NoteToolbar :note="props.note" @execute="handleAction">
       <template #title>
         <i
           class="fas fa-fw fa-home mr-2 text-base text-secondary opacity-40"
           v-if="props.note.isRoot"
         ></i>
-        <input type="text" class="bg-transparent pb-1 outline-none w-full" v-model="noteTitle" />
+        <input type="text" class="w-full bg-transparent pb-1 outline-none" v-model="noteTitle" />
       </template>
     </NoteToolbar>
     <NoteEditor