fix: trigger year accordion by checkbox

acdh-oeaw · Jan 21, 2025 · d8d24a2 · d8d24a2
1 parent 50696b6
commit d8d24a2
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/components/search-filter.vue b/components/search-filter.vue
@@ -91,8 +91,7 @@ function toggleShowMore() {
 	showMore.value = !showMore.value;
 }
 
-function toggleYearChecked() {
-	yearChecked.value = !yearChecked.value;
+function resetSlider() {
 	setTimeout(() => {
 		sliderValue.value = [slider.min, slider.max];
 	}, 100);
@@ -446,7 +445,14 @@ function updateSelectedCheckboxes(id: string, isChecked: boolean) {
 						<Separator class="bg-frisch-orange"></Separator>
 					</div>
 					<div class="pb-4">
-						<Accordion type="single" collapsible>
+						<Accordion
+							type="single"
+							collapsible
+							@update:model-value="
+								resetSlider();
+								addCheckbox('year');
+							"
+						>
 							<AccordionItem v-model:open="yearChecked" value="year">
 								<AccordionTrigger
 									class="grid w-full grid-cols-[auto_auto_1fr] place-items-end items-center gap-2"
@@ -458,10 +464,6 @@ function updateSelectedCheckboxes(id: string, isChecked: boolean) {
 											type="checkbox"
 											class="size-4 appearance-none border border-frisch-orange bg-white checked:appearance-auto checked:accent-frisch-orange"
 											:checked="yearChecked"
-											@change="
-												toggleYearChecked();
-												addCheckbox('year');
-											"
 										/>
 									</div>
 									<div class="text-lg">Erscheinungsjahr</div>