diff --git a/packages/x-components/src/components/animations/no-animation.vue b/packages/x-components/src/components/animations/no-animation.vue index 4feb2f6477..86034a9501 100644 --- a/packages/x-components/src/components/animations/no-animation.vue +++ b/packages/x-components/src/components/animations/no-animation.vue @@ -1,5 +1,5 @@ diff --git a/packages/x-components/src/components/modals/base-id-modal-close.vue b/packages/x-components/src/components/modals/base-id-modal-close.vue index b6b1bf5ab4..38d7c13954 100644 --- a/packages/x-components/src/components/modals/base-id-modal-close.vue +++ b/packages/x-components/src/components/modals/base-id-modal-close.vue @@ -42,11 +42,11 @@ $x.emit('UserClickedCloseModal', props.modalId, { target: target as HTMLElement }); } - /* Hack to render through a render-function, the `closingElement` slot or, in its absence, + /* Hack to render through a render-function, the `closing-element` slot or, in its absence, the component itself. It is the alternative for the NoElement antipattern. */ const innerProps = { closeModal }; return ( - slots.closingElement ? () => slots.closingElement?.(innerProps)[0] : innerProps + slots['closing-element'] ? () => slots['closing-element']?.(innerProps)[0] : innerProps ) as typeof innerProps; } }); diff --git a/packages/x-components/src/components/modals/base-id-modal-open.vue b/packages/x-components/src/components/modals/base-id-modal-open.vue index dd4ae29d0c..acc11f96a7 100644 --- a/packages/x-components/src/components/modals/base-id-modal-open.vue +++ b/packages/x-components/src/components/modals/base-id-modal-open.vue @@ -41,11 +41,11 @@ $x.emit('UserClickedOpenModal', props.modalId, { target: target as HTMLElement }); } - /* Hack to render through a render-function, the `openingElement` slot or, in its absence, + /* Hack to render through a render-function, the `opening-element` slot or, in its absence, the component itself. It is the alternative for the NoElement antipattern. */ const innerProps = { openModal }; return ( - slots.openingElement ? () => slots.openingElement?.(innerProps)[0] : innerProps + slots['opening-element'] ? () => slots['opening-element']?.(innerProps)[0] : innerProps ) as typeof innerProps; } }); diff --git a/packages/x-components/src/x-modules/extra-params/components/renderless-extra-param.vue b/packages/x-components/src/x-modules/extra-params/components/renderless-extra-param.vue index 6395c9950d..e298f8a0f0 100644 --- a/packages/x-components/src/x-modules/extra-params/components/renderless-extra-param.vue +++ b/packages/x-components/src/x-modules/extra-params/components/renderless-extra-param.vue @@ -26,7 +26,7 @@ const stateParams = useState('extraParams', ['params']).params; /** It returns the value of the extra param from the store. */ - const value = computed(() => stateParams.value[props.name]); + const extraParam = computed(() => stateParams.value[props.name]); /** * It sets the new value to the store. @@ -37,7 +37,7 @@ xBus.emit('UserChangedExtraParams', { [props.name]: newValue }); } - return () => slots.default?.({ value: value.value, updateValue })[0] ?? ''; + return () => slots.default?.({ value: extraParam.value, updateValue })[0] ?? ''; } });