diff options
Diffstat (limited to 'src/lib/CommandPalette/CommandPalette.svelte')
| -rw-r--r-- | src/lib/CommandPalette/CommandPalette.svelte | 16 |
1 files changed, 11 insertions, 5 deletions
diff --git a/src/lib/CommandPalette/CommandPalette.svelte b/src/lib/CommandPalette/CommandPalette.svelte index b68d468d..04eabff9 100644 --- a/src/lib/CommandPalette/CommandPalette.svelte +++ b/src/lib/CommandPalette/CommandPalette.svelte @@ -3,6 +3,7 @@ import { onMount } from "svelte"; import { fly, fade } from "svelte/transition"; import { flip } from "svelte/animate"; import type { CommandPaletteAction } from "./actions"; +import locale from "$stores/locale"; export let items: CommandPaletteAction[] = []; export let open = false; @@ -176,7 +177,7 @@ const handleGlobalKey = (e: KeyboardEvent) => { class="dropdown {open ? 'fade-in' : 'fade-out'}" role="dialog" aria-modal="true" - aria-label="Command palette" + aria-label={$locale().commandPalette?.ariaLabel} > <div class="dropdown-content card card-small card-glass"> <input @@ -184,8 +185,8 @@ const handleGlobalKey = (e: KeyboardEvent) => { bind:value={search} class="command-input" type="text" - placeholder="Search" - aria-label="Search commands" + placeholder={$locale().commandPalette?.placeholder} + aria-label={$locale().commandPalette?.searchCommands} autocomplete="off" spellcheck="false" role="combobox" @@ -196,7 +197,12 @@ const handleGlobalKey = (e: KeyboardEvent) => { onkeydown={handleKey} /> - <div class="results-container" role="listbox" id={listboxId} aria-label="Commands"> + <div + class="results-container" + role="listbox" + id={listboxId} + aria-label={$locale().commandPalette?.commands} + > {#each filtered as item, i (item.id || item.url)} <a id={optionDomId(i)} @@ -220,7 +226,7 @@ const handleGlobalKey = (e: KeyboardEvent) => { {#if filtered.length === 0 && search !== ''} <div class="no-results opaque" role="status" in:fade={{ duration: 150 }}> - No results found + {$locale().commandPalette?.noResults} </div> {/if} </div> |