chore: fix prefilled example

shishkin · Sep 14, 2023 · 56594c2 · 56594c2
1 parent 40857b7
commit 56594c2
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 7 deletions.
diff --git a/README.md b/README.md
@@ -66,4 +66,4 @@ const q = Astro.url.searchParams.get("q") ?? undefined;
 <Search query={q} />
 ```
 
-See [search.astro](./src/pages/search.astro) for a full example.
+See [prefilled.astro](./src/pages/prefilled.astro) for a full example.
diff --git a/packages/example/src/pages/index.md b/packages/example/src/pages/index.md
@@ -6,4 +6,4 @@ layout: ~/layouts/Main.astro
 
 [Astro](https://astro.build) integration for [Pagefind](https://pagefind.app/) static site search.
 
-Example of [Pre-filled Search](search?q=page).
+Example of [Pre-filled Search](prefilled).
diff --git a/packages/example/src/pages/search.astro → packages/example/src/pages/prefilled.astro b/packages/example/src/pages/search.astro → packages/example/src/pages/prefilled.astro
@@ -1,9 +1,15 @@
 ---
-import SearchComponent from "astro-pagefind/components/Search";
+import Search from "astro-pagefind/components/Search";
 
-export const prerender = false;
-
-const q = Astro.url.searchParams.get("q") ?? undefined;
+/**
+ * In SSR mode use this instead:
+ *
+ * ```ts
+ * export const prerender = false;
+ * const q = Astro.url.searchParams.get("q") ?? undefined;
+ * ```
+ */
+const q = "astro";
 ---
 
 <!doctype html>
@@ -16,6 +22,6 @@ const q = Astro.url.searchParams.get("q") ?? undefined;
   <body>
     <h1>Pre-filled Search</h1>
     <p>Searching for: {q}</p>
-    <SearchComponent id="search" query={q} />
+    <Search id="search" query={q} />
   </body>
 </html>