refactor: use aria-disabled variant

Author: knowler

app/components/Compare/FacetSelector.vue

@@ -41,9 +41,7 @@ function isCategoryNoneSelected(category: string): boolean {
           :data-facet-category="category"
           :aria-label="`${$t('compare.facets.all')} ${getCategoryLabel(category)}`"
           :aria-disabled="isCategoryAllSelected(category)"
-          :class="{
-            'opacity-40 cursor-not-allowed border-transparent': isCategoryAllSelected(category),
-          }"
+          class="aria-disabled:(opacity-40 border-transparent)"
           @click="!isCategoryAllSelected(category) && selectCategory(category)"
         >
           {{ $t('compare.facets.all') }}
@@ -57,9 +55,7 @@ function isCategoryNoneSelected(category: string): boolean {
           :data-facet-category="category"
           :aria-label="`${$t('compare.facets.none')} ${getCategoryLabel(category)}`"
           :aria-disabled="isCategoryNoneSelected(category)"
-          :class="{
-            'opacity-40 cursor-not-allowed border-transparent': isCategoryNoneSelected(category),
-          }"
+          class="aria-disabled:(opacity-40 border-transparent)"
           @click="!isCategoryNoneSelected(category) && deselectCategory(category)"
         >
           {{ $t('compare.facets.none') }}