From b29a06bfdef24e9f58568a5109c45d63917eeaee Mon Sep 17 00:00:00 2001
From: acondal <annac@empathy.co>
Date: Thu, 27 Jun 2024 08:54:58 +0200
Subject: [PATCH] feat: PR fixes

EMP-4342
---
 .../src/x-modules/facets/components/test-facets.vue       | 4 ++--
 .../x-modules/facets/components/filters/all-filter.vue    | 8 +++-----
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/packages/_vue3-migration-test/src/x-modules/facets/components/test-facets.vue b/packages/_vue3-migration-test/src/x-modules/facets/components/test-facets.vue
index b0c2c07ef3..76bde29292 100644
--- a/packages/_vue3-migration-test/src/x-modules/facets/components/test-facets.vue
+++ b/packages/_vue3-migration-test/src/x-modules/facets/components/test-facets.vue
@@ -13,8 +13,8 @@
                   :facet="facet"
                   class="x-facet-filter-lg x-mb-8 x-w-full"
                 >
-                  <label for="all">
-                    <input id="all" type="checkbox" :checked="isSelected" />
+                  <label :for="facet.id">
+                    <input :id="facet.id" type="checkbox" :checked="isSelected" />
                     All
                   </label>
                 </AllFilter>
diff --git a/packages/x-components/src/x-modules/facets/components/filters/all-filter.vue b/packages/x-components/src/x-modules/facets/components/filters/all-filter.vue
index 96b0657bab..055a246160 100644
--- a/packages/x-components/src/x-modules/facets/components/filters/all-filter.vue
+++ b/packages/x-components/src/x-modules/facets/components/filters/all-filter.vue
@@ -21,11 +21,10 @@
   import { Dictionary } from '@empathyco/x-utils';
   import BaseEventButton from '../../../../components/base-event-button.vue';
   import { isArrayEmpty } from '../../../../utils/array';
-  import { VueCSSClasses } from '../../../../utils/types';
   import { XEventsTypes } from '../../../../wiring/events.types';
   import { FiltersByFacet } from '../../store';
   import { facetsXModule } from '../../x-module';
-  import { useGetter } from '../../../../composables';
+  import { useGetter } from '../../../../composables/use-getter';
 
   /**
    * This component receives a required `facet` with
@@ -49,7 +48,6 @@
         required: true
       }
     },
-
     setup(props) {
       /** The getter of the selectedFiltersByFacet. */
       const { selectedFiltersByFacet }: Dictionary<ComputedRef<FiltersByFacet>> = useGetter(
@@ -72,7 +70,7 @@
        *
        * @returns True if is selected false otherwise.
        */
-      const isSelected = computed((): boolean => {
+      const isSelected = computed(() => {
         return isArrayEmpty(selectedFiltersByFacet.value?.[props.facet.id]);
       });
 
@@ -85,7 +83,7 @@
        * @returns The dynamic CSS classes to apply to the component.
        * @internal
        */
-      const cssClasses = computed((): VueCSSClasses => {
+      const cssClasses = computed(() => {
         return {
           'x-selected x-all-filter--is-selected': isSelected.value
         };