feat(module): add option to disable global css styles

[CernyMatej]

🔗 Linked issue

❓ 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 pull request introduces an option to disable the global CSS styles injected by the module. The primary motivation for this feature is the ::selection style, which can be quite intrusive on some websites. However, upon considering whether to allow disabling only this specific option, I concluded that it would be more practical to allow the disabling of all styles.

I am of course open to suggestions. 😊

📝 Checklist

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

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
ui	✅ Ready (Inspect)	Visit Preview	Jan 22, 2024 10:43pm

[benjamincanac]

Wouldn't it be easier to simply override the ::selection on your end? By disabling those styles you'll break the USelect component and link outlines.

[CernyMatej]

You could override it but you cannot "unset" it. I'd prefer to keep the browser default rather than providing a custom style.

As for the select component, I didn't notice a difference. However, wouldn't it be better to include the style in the SFC?

[CernyMatej]

And regarding the link outlines, in my opinion, they are similar to the ::selection styles. A component library should not be overly intrusive, and if it is, it would be nice to have an option to disable it.

[benjamincanac]

You're right about the Select, I've moved it!

[benjamincanac]

Would you mind adding the option to the docs here: https://github.com/nuxt/ui/blob/dev/docs/content/1.getting-started/2.installation.md#options instead of the theming page?

[MuhammadM1998]

Maybe It's also worth adding the content of ui.css in the docs with/or a link to it? So one can know what styles this option toggles

[CernyMatej]

Good point with the link to the file. I added it.