31 searchsettings cookie includes labels for searchkeys (#32)

acdh-oeaw · Jan 19, 2024 · 73d7b04 · 73d7b04
2 parents 2c67079 + 24d27f3
commit 73d7b04
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 11 deletions.
diff --git a/src/components/Search/SearchDimensions.vue b/src/components/Search/SearchDimensions.vue
@@ -16,5 +16,18 @@ const { selectedSearches, possibleSearchKeys } = storeToRefs(searchSettings);
 		clearable
 		chips
 		:items="possibleSearchKeys"
-	/>
+	>
+		<template v-slot:chip="{ props, item }">
+			<VChip v-bind="props" :text="t(item.value)"></VChip>
+		</template>
+
+		<template v-slot:item="{ props, item }">
+			<!-- @vue-ignore i18n typing doesn't seem to work for templated strings -->
+			<VListItem
+				v-bind="props"
+				:title="t(item.value)"
+				:subtitle="t(`${item.value}Desc`)"
+			></VListItem>
+		</template>
+	</VAutocomplete>
 </template>
diff --git a/src/stores/searchSettings.ts b/src/stores/searchSettings.ts
@@ -10,13 +10,12 @@ export const useSearchSettingsStore = defineStore(
 		const { getRegionsFrequencies } = useRegionsSearch();
 		const { getKeywordInContext } = useKeywordInContextSearch();
 
-		const t = useTranslations("Corpsum");
-		const possibleSearchKeys: Ref<Array<{ value: SearchFunctionKey; title: string }>> = ref([
-			{ value: "yearlyFrequencies", title: t("yearlyFrequencies") },
-			{ value: "wordFormFrequencies", title: t("wordFormFrequencies") },
-			{ value: "regionalFrequencies", title: t("regionalFrequencies") },
-			{ value: "mediaSources", title: t("mediaSources") },
-			{ value: "keywordInContext", title: t("keywordInContext") },
+		const possibleSearchKeys: Ref<Array<string>> = ref([
+			"yearlyFrequencies",
+			"wordFormFrequencies",
+			"regionalFrequencies",
+			"mediaSources",
+			"keywordInContext",
 		]);
 
 		const searchFunctions: Record<SearchFunctionKey, (query: CorpusQuery) => Promise<void>> = {
@@ -40,8 +39,6 @@ export const useSearchSettingsStore = defineStore(
 		]);
 
 		async function doSearches(query: CorpusQuery) {
-			// console.log({ selsearchVal: selectedSearches.value });
-
 			return await Promise.all(
 				selectedSearches.value.map(
 					(a: SearchFunctionKey) =>
@@ -82,7 +79,11 @@ export const useSearchSettingsStore = defineStore(
 			doSearches,
 		};
 	},
-	{ persist: true },
+	{
+		persist: {
+			paths: ["selectedSearches"],
+		},
+	},
 );
 
 if (import.meta.hot) {