title: CSS @import with v-html
body: <p>How can I style v-html content with scoped css using <code>@import</code>?</p>
  <p>There is an explanation on <a href="https://stackoverflow.com/questions/44844788/vue-js-style-v-html-with-scoped-css">how to use ::v-deep here</a>, but in my case I'd like to include a CSS file using <code>@import</code>.</p>
  <p>I tried the following but it doesn't work:</p>
  <pre><code>&lt;template&gt;
    &lt;div v-html=&quot;richtext&quot; /&gt;
  &lt;/template&gt;
  ...
  &lt;style lang=&quot;scss&quot; scoped&gt;
    @import 'assets/scss/imports/headers.scss';
  &lt;/style&gt;
  </code></pre>
  <p>I could import the style globally which does work but my goal is to only import it in this richtext component.</p>