+ Search
+ limit = 10}/>
+
+ {#if query && result}
+ {#await result}
+ Loading...
+ {:then {results}}
+
+ Showing results for "{query}" ({results.length})
+ {#each results.slice(0, limit) as page (page.id)}
+ {#await page.data()}
+ Loading...
+ {:then page}
+ {@render tile(page)}
+ {/await}
+ {/each}
+
+ {/await}
+ {:else}
+ No results to show yet...
+ {/if}
+
diff --git a/js/search/src/main.ts b/js/search/src/main.ts
new file mode 100644
index 0000000..d4c1edc
--- /dev/null
+++ b/js/search/src/main.ts
@@ -0,0 +1,8 @@
+import { mount } from 'svelte';
+import App from './App.svelte'
+
+
+const app = mount(App, { target: document.getElementById('app')! });
+
+
+export default app
diff --git a/js/search/src/pagefind.d.ts b/js/search/src/pagefind.d.ts
new file mode 100755
index 0000000..afef948
--- /dev/null
+++ b/js/search/src/pagefind.d.ts
@@ -0,0 +1,26 @@
+interface Pagefind {
+ search: (query: string) => Promise