title: Import scss file dynamically in vue js
body: <p>i am working on a Vuejs project and, I would like to import &quot;.scss&quot; files dynamicly during script.
  for example I would like to import &quot;assets/sass/style.scss&quot; in the style tag without writing any codes in the style tag. I would like to handle it in the script section.</p>
  <p>check below codes:</p>
  <pre><code>&lt;style  lang=&quot;scss&quot;&gt;
    @import &quot;assets/sass/plugins&quot;;
    @import &quot;assets/sass/style&quot;;
  
    //@import &quot;assets/sass/plugins.dark&quot;;
    //@import &quot;assets/sass/style.dark&quot;;
  &lt;/style&gt;
  </code></pre>
  <p>This styles are retaled to dark mode and light mode.
  sometimes i need to use light and sometimes dark and i can not use both at the same time. so need wtite script to do this.</p>