0👍
You can set a new names for the props from v-hover
and the activator
slot:
<template v-slot:activator="{ props: activatorProps}">
<v-hover v-slot="{ isHovering, props: hoverProps }">
(the renaming is part of regular destructuring assignement)
Now you can combine the props with spreading ({...activatorProps, ...hoverProps}
) or Object.assign(activatorProps, hoverProps)
and bind them:
<v-list-item v-bind="{...activatorProps, ...hoverProps}">
Here it is in a playground
Source:stackexchange.com