hide toolbar is note is rootnote

src/components/Note.vue

@@ -53,7 +53,7 @@ const setRoot = async (closeModal: () => Promise<Boolean>) => {
 </script>
 <template>
   <div class="flex flex-col">
-    <NoteToolbar @delete="del" @set-root="setRoot">
+    <NoteToolbar :note="props.note" @delete="del" @set-root="setRoot">
       <template #title>
         <i
           class="fas fa-fw fa-home mr-2 text-base text-secondary opacity-40"

src/components/Note/NoteToolbar.vue

@@ -1,4 +1,7 @@
 <script setup lang="ts">
+const props = defineProps<{
+  note: Note
+}>()
 const emit = defineEmits<{
   delete: [close: () => void]
   setRoot: [close: () => void]
@@ -11,7 +14,7 @@ const emit = defineEmits<{
     >
       <slot name="title"></slot>
     </h1>
-    <div class="btn-group flex items-center">
+    <div class="btn-group flex items-center" v-if="!props.note.isRoot">
       <Modal>
         <template #activator="{ open }">
           <button class="btn-toolbar btn-sm btn" @click="open">