Use translations

ts/lib/components/DeckChooser.svelte

@@ -7,6 +7,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     import { getDeckNames } from "@generated/backend";
     import ItemChooser from "./ItemChooser.svelte";
     import type { DeckNameId } from "@generated/anki/decks_pb";
+    import * as tr from "@generated/ftl";
 
     let decks: DeckNameId[] = $state([]);
     let selectedDeck: DeckNameId | null = $state(null);
@@ -21,8 +22,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 </script>
 
 <ItemChooser
-    title="Choose Deck"
-    searchPlaceholder="Search decks..."
+    title={tr.qtMiscChooseDeck()}
     bind:selectedItem={selectedDeck}
     items={decks}
     icon={mdiBookOutline}

ts/lib/components/ItemChooser.svelte

@@ -9,7 +9,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     import LabelButton from "./LabelButton.svelte";
     import Modal from "./Modal.svelte";
     import type { IconData } from "./types";
-
+    import * as tr from "@generated/ftl";
     interface Item {
         id: bigint;
         name: string;
@@ -17,14 +17,13 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 
     interface Props {
         title: string;
-        searchPlaceholder: string;
         selectedItem?: Item | null;
         items: Item[];
         icon: IconData;
         onChange?: (item: Item) => void;
     }
 
-    let { title, searchPlaceholder, onChange, icon, items, selectedItem = $bindable(null) }: Props = $props();
+    let { title, onChange, icon, items, selectedItem = $bindable(null) }: Props = $props();
     let modal: Modal | null = $state(null);
     let searchQuery = $state("");
 
@@ -84,7 +83,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
                 <input
                     type="text"
                     class="search-input"
-                    placeholder={searchPlaceholder}
+                    placeholder={tr.actionsSearch()}
                     bind:value={searchQuery}
                 />
                 {#if searchQuery}

ts/lib/components/NotetypeChooser.svelte

@@ -8,6 +8,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     import { mdiNewspaper } from "./icons";
     import { getNotetypeNames } from "@generated/backend";
     import ItemChooser from "./ItemChooser.svelte";
+    import * as tr from "@generated/ftl";
 
     let notetypes: NotetypeNameId[] = $state([]);
     let selectedNotetype: NotetypeNameId | null = $state(null);
@@ -20,8 +21,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 </script>
 
 <ItemChooser
-    title="Choose Note Type"
-    searchPlaceholder="Search note types..."
+    title={tr.qtMiscChooseNoteType()}
     bind:selectedItem={selectedNotetype}
     items={notetypes}
     icon={mdiNewspaper}

ts/routes/editor/base.ts

@@ -43,6 +43,8 @@ export const editorModules = [
     ModuleName.IMPORTING,
     ModuleName.UNDO,
     ModuleName.ADDING,
+    ModuleName.QT_MISC,
+    ModuleName.DECKS,
 ];
 
 export const components = {

ts/routes/editor/editor-toolbar/EditorChoosers.svelte

@@ -6,16 +6,18 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 <script lang="ts">
     import NotetypeChooser from "$lib/components/NotetypeChooser.svelte";
     import DeckChooser from "$lib/components/DeckChooser.svelte";
+    import * as tr from "@generated/ftl";
+
 </script>
 
 <div class="top-bar">
-    <p>Type</p>
+    <p>{tr.notetypesType()}</p>
     <div class="notetype-chooser">
-        <NotetypeChooser />
+        <NotetypeChooser/>
     </div>
-    <p>Deck</p>
+    <p>{tr.decksDeck()}</p>
     <div class="deck-chooser">
-        <DeckChooser />
+        <DeckChooser/>
     </div>
 </div>