auto imports

src/components/SideBar.vue

@@ -1,7 +1,5 @@
 <script setup lang="ts">
 import { rootNote, notes, activeNote } from '@/composables/useNotes'
-import SideBarMenu from '@/components/SideBar/SideBarMenu.vue'
-import SideBarMenuItem from '@/components/SideBar/SideBarMenuItem.vue'
 
 const props = defineProps<{
   viewModes: ViewMode[]
@@ -20,7 +18,11 @@ const emit = defineEmits<{
     <SideBarMenu>
       <template #header>Root note</template>
       <template #items>
-        <SideBarMenuItem icon="fas fa-fw fa-home" @click="activeNote = rootNote">
+        <SideBarMenuItem
+          icon="fas fa-fw fa-home"
+          @click="activeNote = rootNote"
+          :title="rootNote?.title"
+        >
           {{ rootNote?.title }}
         </SideBarMenuItem>
       </template>
@@ -48,6 +50,7 @@ const emit = defineEmits<{
           v-for="note in notes"
           icon="far fa-file-alt fa-fw"
           @click="activeNote = note"
+          :title="rootNote?.title"
         >
           {{ note.title }}
         </SideBarMenuItem>