we found 0 result

src/CmpModalInFile.svelte

@@ -132,7 +132,7 @@ async function openSelection(): Promise<void> {
         />
       {/each}
     {:else}
-      We found 0 result for your search here.
+      <center> We found 0 result for your search here. </center>
     {/if}
   </div>
 </div>

src/CmpModalVault.svelte

@@ -8,7 +8,7 @@ import { onMount, tick } from "svelte"
 import CmpInput from "./CmpInput.svelte"
 import CmpResultNote from "./CmpResultNote.svelte"
 import type { ResultNote } from "./globals"
-import { ModalInFile, type ModalVault } from "./modal";
+import { ModalInFile, type ModalVault } from "./modal"
 import { openNote } from "./notes"
 import { getSuggestions } from "./search"
 import { plugin } from "./stores"
@@ -124,6 +124,9 @@ function scrollIntoView(): void {
         on:click={onClick}
       />
     {/each}
+    {#if !resultNotes.length && searchQuery}
+      <center> We found 0 result for your search here. </center>
+    {/if}
   </div>
 </div>
 <div class="prompt-instructions">

src/CmpResultInFile.svelte

@@ -1,10 +1,6 @@
 <script lang="ts">
 import { createEventDispatcher } from "svelte"
-import {
-  excerptAfter,
-  excerptBefore,
-  type ResultNote,
-} from "./globals"
+import { excerptAfter, excerptBefore, type ResultNote } from "./globals"
 import { escapeHTML, highlighter, stringsToRegex } from "./utils"
 
 const dispatch = createEventDispatcher()
@@ -27,7 +23,6 @@ function cleanContent(content: string): string {
   }
   return escapeHTML(content)
 }
-
 </script>
 
 <div