loading side-effect css

[ReinisV]

Could you provide an example on how to load css in js code as a side effect? something like

some-component.vue

<template>
  <div class="red-block" />
</template>
<script>
import Vue from 'vue'

import './side-effect-css.css'

export default Vue.extend({})
</script>

and side-effect-css.css

.red-block {
  background: red;
}

I'm failing to get side effect css working for vue components under shadow DOM.