update search results

src/components/Note/Autocomplete.vue

@@ -10,9 +10,9 @@ const emit = defineEmits<{
 }>()
 
 const results = computed<Note[]>(() => {
-  return (
-    props.autocompleteText ? findNotesByByTitle(props.autocompleteText) : notes.value
-  ).filter((note) => note.id !== activeNote.value?.id).slice(10)
+  return (props.autocompleteText ? findNotesByByTitle(props.autocompleteText) : notes.value)
+    .filter((note) => note.id !== activeNote.value?.id)
+    .slice(0, 10)
 })
 
 const activeResult = ref<Note>()
@@ -32,15 +32,13 @@ const handleKeypress = (event: { [key: string]: number }) => {
   const keyCode = event.keyCode
   const keyCodes = {
     cycle: [38, 40],
-    confirm: [13],
+    confirm: [13]
   }
   if (keyCodes.cycle.includes(keyCode)) {
     const direction = keyCode === 38 ? -1 : 1
     changeActiveResult(direction)
   } else if (keyCodes.confirm.includes(keyCode)) {
-    const contextedLink = activeResult.value
-      ? activeResult.value.title
-      : props.autocompleteText
+    const contextedLink = activeResult.value ? activeResult.value.title : props.autocompleteText
     emit('createLink', contextedLink)
   }
 }

src/components/Note/NoteEditor.vue

@@ -176,7 +176,7 @@ const createLink = (link: string) => {
       :autocomplete-text="autocompleteText"
       :style="autocompleteStyle"
       @create-link="createLink"
-      class="absolute w-[250px]"
+      class="absolute w-[300px]"
       :class="autocompleteReverse && 'flex-col-reverse'"
     />
   </div>