From e70c36563bad8843496e65ec9a648d8843016871 Mon Sep 17 00:00:00 2001
From: "Jose A. Cabaneros" <joseacabaneros@gmail.com>
Date: Tue, 30 Apr 2024 16:46:17 +0200
Subject: [PATCH] fix(base-event-button): recover v-bind $attrs for animation
 components for retro-compatibility

EMP-3965
---
 packages/x-components/src/components/animations/fade.vue | 3 ++-
 packages/x-components/src/views/home/Home.vue            | 2 ++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/x-components/src/components/animations/fade.vue b/packages/x-components/src/components/animations/fade.vue
index 5cadf87b6b..26e68da9ad 100644
--- a/packages/x-components/src/components/animations/fade.vue
+++ b/packages/x-components/src/components/animations/fade.vue
@@ -1,5 +1,6 @@
 <template>
-  <transition v-on="$listeners" name="x-fade-" :appear="appear">
+  <!-- eslint-disable-next-line vue/attributes-order -->
+  <transition v-bind="$attrs" v-on="$listeners" name="x-fade-" :appear="appear">
     <!-- @slot (Required) to add content to the transition -->
     <slot />
   </transition>
diff --git a/packages/x-components/src/views/home/Home.vue b/packages/x-components/src/views/home/Home.vue
index 1f1258f2fa..9d46fb46c5 100644
--- a/packages/x-components/src/views/home/Home.vue
+++ b/packages/x-components/src/views/home/Home.vue
@@ -453,6 +453,7 @@
   import Vue from 'vue';
   import { Component } from 'vue-property-decorator';
   import { animateClipPath } from '../../components/animations/animate-clip-path/animate-clip-path.factory';
+  import AnimateWidth from '../../components/animations/animate-width.vue';
   import StaggeredFadeAndSlide from '../../components/animations/staggered-fade-and-slide.vue';
   import AutoProgressBar from '../../components/auto-progress-bar.vue';
   import BaseDropdown from '../../components/base-dropdown.vue';
@@ -532,6 +533,7 @@
       infiniteScroll
     },
     components: {
+      AnimateWidth,
       DisplayEmitter,
       QueryPreviewButton,
       DisplayResultProvider,