fix: add more slots for i18n (#190)

sveltejs · Aug 9, 2023 · 9e0b164 · 9e0b164
1 parent 14f1205
commit 9e0b164
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/.changeset/good-boxes-cough.md b/.changeset/good-boxes-cough.md
@@ -0,0 +1,5 @@
+---
+'@sveltejs/site-kit': patch
+---
+
+add more i18n slots
diff --git a/packages/site-kit/src/lib/search/Search.svelte b/packages/site-kit/src/lib/search/Search.svelte
@@ -6,6 +6,7 @@ Renders a search widget which when clicked (or the corresponding keyboard shortc
 	import { search_query, searching } from '../stores/search.js';
 
 	export let q = '';
+	export let label = 'Search';
 </script>
 
 <form class="search-container" action="/search">
@@ -20,8 +21,8 @@ Renders a search widget which when clicked (or the corresponding keyboard shortc
 		on:touchend|preventDefault={() => ($searching = true)}
 		type="search"
 		name="q"
-		placeholder="Search"
-		aria-label="Search"
+		placeholder={label}
+		aria-label={label}
 		spellcheck="false"
 	/>
 

diff --git a/packages/site-kit/src/lib/search/SearchResults.svelte b/packages/site-kit/src/lib/search/SearchResults.svelte
@@ -14,7 +14,7 @@ Renders a list of search results
 {#if results.length > 0}
 	<SearchResultList {results} {query} on:select />
 {:else if query}
-	<p class="info">No results</p>
+	<p class="info"><slot name="no-results">No results</slot></p>
 {/if}
 
 <style>