From bf5d391d5310cdc4e3e6450a1f2e869426f5aab9 Mon Sep 17 00:00:00 2001
From: ToBinio <81473300+ToBinio@users.noreply.github.com>
Date: Sat, 11 Nov 2023 23:12:24 +0100
Subject: [PATCH] fix SearchFilter.vue (#123)

---
 lib/components/search/SearchFilter.vue | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/lib/components/search/SearchFilter.vue b/lib/components/search/SearchFilter.vue
index 6f39c81c..ac4a7643 100644
--- a/lib/components/search/SearchFilter.vue
+++ b/lib/components/search/SearchFilter.vue
@@ -16,7 +16,7 @@
 </template>
 
 <script setup>
-import { ref, defineProps, defineEmits, watchEffect } from 'vue'
+import { defineProps, defineEmits, computed } from 'vue'
 import { Checkbox } from '@'
 
 const props = defineProps({
@@ -40,13 +40,9 @@ const props = defineProps({
   },
 })
 
-const isActive = ref(props.activeFilters.value.includes(props.facetName))
+const isActive = computed(() => props.activeFilters.includes(props.facetName))
 const emit = defineEmits(['toggle'])
 
-watchEffect(() => {
-  isActive.value = props.activeFilters.value.includes(props.facetName)
-})
-
 const toggle = () => {
   emit('toggle', props.facetName)
 }