fix(Tooltip): hide when text prop & slot are empty

[abolix]

❓ Type of change

• 📖 Documentation (updates to the documentation or readme)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality)
• ✨ New feature (a non-breaking change that adds functionality)
• 🧹 Chore (updates to the build process or auxiliary tools and libraries)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

Hello,

I added a visibility option for Tooltips that checks if both the text prop and the slot are empty. If both are empty, the tooltip will not be shown at all. This is useful for situations where you have tooltips in a loop and want to display the tooltip for only some of the items in the loop.

[benjamincanac]

Why add a tooltip if you don't pass text to it? 🤔 You could also use the prevent="true" prop.

[abolix]

To be honest I didn't understand the prevent till after I saw the codes. It was a little confusing because there was no information about it in the docs.

I found the prevent prop a bit complex when using UTooltip with loop elements (in a v-for loop). To make it easier, I suggest hiding the tooltip when the text prop is empty.

This would provide a more intuitive way to manage tooltips in scenarios with dynamic content.

[benjamincanac]

Would you mind fixing the lint?

[abolix]

fixed.

[benjamincanac]

Now the typecheck 😅 You have to import useSlots from vue.

[abolix]

sorry, fixed again, I got used to auto-imports😄

[benjamincanac]

Thanks! 😊