BUG | `playground` | dark class and tailwind css added to rendered page

[WORMSS]

Describe the bug

When in dark mode, class="dark" is added to the rendered page.
Also tailwind css is added to the rendered page.

This means the elements in the rendered CSS page are incorrectly styled.

Renders like this

Should render like this

Reproduction

https://playground.vueuse.org/

System Info

(whatever you use on your playground)

Used Package Manager

npm

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a VueUse issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to https://github.com/vuejs/core instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion.
• The provided reproduction is a minimal reproducible example of the bug.

[OrbisK]

This was intentional. But maybe it is unexpected... 🤔

[WORMSS]

Normally I wouldn't care too much, but when it was starting to change the size of the elements when using useResizeObserver and triggering code when it wasn't meant to, or reporting sizes it shouldn't be, it was starting to make what should have been "a quick test" take ages.
I ended up writting a script that would go through and strip the class=dark from the element, and also intercepted the download of tailwind.css and turned it's contents to a blank file.

[OrbisK]

Okay. Lets fix it then 👍🏽