I have a unique custom component that is used throughout the application. However, in certain instances, I would like to display a tooltip when hovering over this component. According to the Vuetify documentation, this should work, but unfortunately it does not because <custom-component /> is not a native component. To achieve this functionality with a native component, a .native modifier must be used.
For example: @click.native="someMethod"
How can I implement this to show a v-tooltip?
I have attempted wrapping <custom-component /> in a div element, but it has not been successful.
Below is an example code snippet for reference:
<v-tooltip>
<template v-slot:activator="{ on }">
<custom-component v-on="on" />
</template>
<span>Tooltip text</span>
</v-tooltip>