feat(Tabs): add content prop to avoid the render of the HTML markup

[emavitta]

🔗 Linked issue

Resolves #1709

❓ 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

This prop give tha ability to the user to remove the render markup of the content completely. It may be useful in certain cases, where the user is using the @change event, because is changing something else, and using the tab just as a switcher component.

📝 Checklist

• I have linked an issue or discussion.
• I have updated the documentation accordingly.

[benjamincanac]

Suggested change

	<HTabPanels v-if="!$props.contentless" :class="ui.container">
	<HTabPanels v-if="!contentless" :class="ui.container">

[emavitta]

yeah sorry my fault. Fixing right now.

[benjamincanac]

I'm wondering if it wouldn't be better to name the prop content (defaults to true) to be used as :content="false". That is what I was planning to do in v3.

[emavitta]

I'm wondering if it wouldn't be better to name the prop content (defaults to true) to be used as :content="false". That is what I was planning to do in v3.

That actually makes a lot of sense. I started with the less suffix cause it was an addendum, so more of a feature on top of the default behaviour, but makes sense. Should i change it or you prefer leave it as is until v3?

[benjamincanac]

No you can do it like this in your PR, it will avoid another breaking change 😅

[benjamincanac]

Thanks! 😊