Showing tooltip on mouse hover

In the last video we added a CSS class to our tooltip to ensure it's hidden by default.

What we want to do now is listen for the hover event on the session time and then show the tooltip.

Selecting element

For this to work, the hover event listener needs to be add to the div child of the element the directive is applied to.

src/components/MovieSessions.vue

<div
  ...
  v-tooltip="session.seats"
>