From 0265afdd8198897a53d98004d20b869140d07e57 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Vi=CC=81ctor=20CG?= <victorcg@empathy.co>
Date: Thu, 25 Jul 2024 16:16:27 +0200
Subject: [PATCH] feat(renderless-filter): fix the css classes

---
 .../src/x-modules/facets/components/test-filters.vue   |  4 ++--
 packages/x-components/src/views/home/aside.vue         | 10 +++-------
 2 files changed, 5 insertions(+), 9 deletions(-)

diff --git a/packages/_vue3-migration-test/src/x-modules/facets/components/test-filters.vue b/packages/_vue3-migration-test/src/x-modules/facets/components/test-filters.vue
index 015f9cf840..269b944ba4 100644
--- a/packages/_vue3-migration-test/src/x-modules/facets/components/test-filters.vue
+++ b/packages/_vue3-migration-test/src/x-modules/facets/components/test-filters.vue
@@ -5,8 +5,8 @@
     <SimpleFilter
       :filter="filter"
       :cssClasses="innerCssClasses"
-      class="this-is-not-inherited-in-vue3-use-cssClasses-prop-instead"
-      data-custom="this-is-not-inherited-in-vue3"
+      class="this-is-not-inherited-in-vue3-and-will-throw-a-warning--use-cssClasses-prop-instead"
+      data-custom="this-is-not-inherited-in-vue3-and-will-throw-a-warning"
     />
   </div>
   <div>
diff --git a/packages/x-components/src/views/home/aside.vue b/packages/x-components/src/views/home/aside.vue
index 6b3ffade0e..cefda879a4 100644
--- a/packages/x-components/src/views/home/aside.vue
+++ b/packages/x-components/src/views/home/aside.vue
@@ -4,7 +4,7 @@
     <ClearFilters />
     <SelectedFiltersList>
       <template #default="{ filter }">
-        <SimpleFilter :filter="filter" class="x-facet-filter-success">
+        <SimpleFilter :filter="filter" :cssClasses="['x-facet-filter-success']">
           <template #label>{{ filter.label ?? filter.id }}</template>
         </SimpleFilter>
       </template>
@@ -67,7 +67,7 @@
                   </span>
                 </SelectedFilters>
                 <FiltersList v-slot="{ filter }">
-                  <SimpleFilter #label :filter="filter" :data-test="`${facet.label}-filter`">
+                  <SimpleFilter #label :filter="filter">
                     <BasePriceFilterLabel
                       v-if="facet.id === 'price'"
                       :filter="filter"
@@ -107,11 +107,7 @@
                       filter
                     }"
                   >
-                    <SimpleFilter
-                      #label="{ filter }"
-                      :filter="filter"
-                      :data-test="`${facet.label}-filter`"
-                    >
+                    <SimpleFilter #label="{ filter }" :filter="filter">
                       {{ filter.label }}
                       <span :data-test="`${facet.label}-filter-total-results`">
                         {{ filter.totalResults }}