Looking for help with my code:
<div id='app'>
<v-app>
<v-list-tile-content>
<v-list-tile v-for="(item, index) in items" :key="item.id" >
<v-list-tile-action>
{{index+1}}.
</v-list-tile-action>
<v-tooltip bottom>
<template v-slot:activator="{ on }">
<v-list-tile-content>
<v-list-tile-title v-text="`${item.title}`"></v-list-tile-title>
</v-list-tile-content>
</template>
<span>Tooltip</span>
</v-tooltip>
</v-list-tile>
</v-list-tile-content>
</v-app>
</div>
Currently facing an issue where the tooltip is not showing up when hovering over the list item. Any suggestions?