formatting

src/lib/components/documents/NoteHighlights.svelte

@@ -17,15 +17,17 @@
 -->
 
 <script lang="ts">
-  import { getContext } from "svelte";
   import type { Writable } from "svelte/store";
+  import type { Document } from "$lib/api/types";
+
+  import { getContext } from "svelte";
   import { _ } from "svelte-i18n";
 
-  import type { Document } from "$lib/api/types";
-  import { noteUrl } from "$lib/api/notes";
   import Highlight from "../common/Highlight.svelte";
   import HighlightGroup from "../common/HighlightGroup.svelte";
 
+  import { noteUrl } from "$lib/api/notes";
+
   export let document: Document;
   export let open = true;
 
@@ -41,7 +43,7 @@
   function noteHref(id: string): string {
     const note = notes.get(id);
     if (!note) return "";
-    return noteUrl(document, note).toString();
+    return noteUrl(document, note).href;
   }
 </script>
 

src/lib/components/documents/PageHighlights.svelte

@@ -11,10 +11,10 @@
   ```
 -->
 <script lang="ts">
+  import type { Writable } from "svelte/store";
   import type { Document } from "$lib/api/types";
 
   import { getContext } from "svelte";
-  import type { Writable } from "svelte/store";
   import { _ } from "svelte-i18n";
 
   import Highlight from "../common/Highlight.svelte";
@@ -35,7 +35,7 @@
 
   function pageHref(id: string): string {
     const pageNo = pageNumber(id);
-    return pageUrl(document, pageNo).toString();
+    return pageUrl(document, pageNo).href;
   }
 </script>
 

src/lib/components/documents/ResultsList.svelte

@@ -54,9 +54,11 @@
   const embed: boolean = getContext("embed");
 
   setContext("highlightState", highlightState);
+
   function collapseAll() {
     highlightState.update((state) => ({ ...state, allOpen: false }));
   }
+
   function expandAll() {
     highlightState.update((state) => ({ ...state, allOpen: true }));
   }