contexted link highlight + adjust prettier

src/components/Note.vue

@@ -32,12 +32,14 @@ const references = computed<Note[]>(() => {
 </script>
 <template>
   <div class="flex flex-col">
-    <h1 class="mb-2 flex items-center rounded-md font-semibold text-3xl hover:bg-gray-200">
+    <h1
+      class="mb-2 flex items-center rounded-md text-3xl font-semibold hover:bg-gray-200"
+    >
       <i
         class="fas fa-fw fa-home mr-2 text-base text-secondary opacity-40"
         v-if="props.note.isRoot"
-      ></i
-      ><input
+      ></i>
+      <input
         type="text"
         class="flex-1 bg-transparent py-1 outline-none"
         v-model="noteTitle"
@@ -52,25 +54,23 @@ const references = computed<Note[]>(() => {
       <div class="card-body px-3 py-3">
         <ul class="menu rounded-md">
           <li class="menu-title !opacity-100">
-            <span class="card-title text-secondary"
-              >References
+            <span class="card-title text-secondary">
+              References
               <div class="badge-outline badge">{{ references.length }}</div>
             </span>
           </li>
           <li v-for="reference in references">
-            <a class="rounded-md" @click="activeNote = reference"
-              ><i class="far fa-file-alt fa-fw" />{{ reference.title }}</a
-            >
+            <a class="rounded-md" @click="activeNote = reference">
+              <i class="far fa-file-alt fa-fw" />
+              {{ reference.title }}
+            </a>
           </li>
         </ul>
       </div>
     </div>
     <hr class="my-3" />
     <div class="flex text-sm text-secondary">
-      <span
-        >{{ note.wordCount }}
-        {{ note.wordCount === 1 ? 'word' : 'words' }}</span
-      >
+      <span>{{ note.wordCount }} {{ note.wordCount === 1 ? 'word' : 'words' }}</span>
       <span class="ml-auto">Last modified {{ formatDate(note.modified) }}</span>
     </div>
   </div>