In my vue.js app, I am implementing a vue.js component with a v-tooltip to display it’s content with multiple entries. One of the entry is a anchor link. The tooltip is working using mouse hover, so as soon as the mouse is hovered outside of the item it tooltip is no longer visible. How do I get around the issue so that a link inside the tooltip can be clicked?
Here is my vue.js component

Is the following supposed to happen?

It seems easy but I couldn’t get it to show multiple lines. Is it possible to show using the content?

I have multiple div elements with a class based on a special condition. I’m checking this condition once I receive data from a database. The problem is the component is rendered before receiving the data from a database. I’ve tried to make an async function and use await, but it didn’t work. (I’m not very proficient in JS and Vue)

I am new to vue.js and I try to close the modal when i update the data. I write this for pencil

The watch function for the Set would not work. It would work normally with int.
If I change it from ref() to reactive() it would work.

I am new to vue.js. I write this for pencil

In vue.js, I want to be able to do this:

Im trying to hide an element in my navbar with v-if. I saved my fetched boolean in my local storage. This is my first time using Vue and i’m stuck with this for the past 2days and couldnt find a reason why its not working.

I see a warning in the console.log that I want to omit to avoid unwanted side effects.