Unmount CSS when component is unmounted

[roydukkey]

There are scenarios where leaving CSS attached is not optimal for performance. single-spa documents Unmounting CSS (canonical). It would be nice to have options within Vue to handle removing <style /> and <link /> elements from the DOM when the component unmounts.

For SFCs, I think the feature could be fairly straight forward to define, but I'd imagine that the feature might not exactly be implemented in Vue core itself, perhaps the SFC compiler and/or bundlers. Just not sure myself.

<script setup>
import './style.scss?forget';
</script>

<style lang="scss" scoped forget></style>

Not sure the best term, but forget seems simple and descriptive.

[ferferga]

I don't understand your problem. The CSS in SFCs are loaded globally, with specific selectors that matches the components scope id. They're no per component.