contexted link highlight + adjust prettier

src/components/SideBar.vue

@@ -20,11 +20,9 @@ const emit = defineEmits<{
     <SideBarMenu>
       <template #header>Root note</template>
       <template #items>
-        <SideBarMenuItem
-          icon="fas fa-fw fa-home"
-          @click="activeNote = rootNote"
-          >{{ rootNote?.title }}</SideBarMenuItem
-        >
+        <SideBarMenuItem icon="fas fa-fw fa-home" @click="activeNote = rootNote">
+          {{ rootNote?.title }}
+        </SideBarMenuItem>
       </template>
     </SideBarMenu>
     <SideBarMenu>
@@ -35,21 +33,24 @@ const emit = defineEmits<{
           :icon="viewMode.icon"
           :active="viewMode.name === activeViewMode.name"
           @click="emit('setViewMode', viewMode)"
-          >{{ viewMode.name }}</SideBarMenuItem
         >
+          {{ viewMode.name }}
+        </SideBarMenuItem>
       </template>
     </SideBarMenu>
     <SideBarMenu>
-      <template #header
-        ><i class="far fa-clock fa-fw mr-2" />Recent notes</template
-      >
+      <template #header>
+        <i class="far fa-clock fa-fw mr-2" />
+        Recent notes
+      </template>
       <template #items>
         <SideBarMenuItem
           v-for="note in notes"
           icon="far fa-file-alt fa-fw"
           @click="activeNote = note"
-          >{{ note.title }}</SideBarMenuItem
         >
+          {{ note.title }}
+        </SideBarMenuItem>
       </template>
     </SideBarMenu>
   </div>