title: Media query does not work in VueJS style tag
body: <p>I am trying to use @media in style tags of a VueJS component. Styling in the @media works all the time instead of working with the width rule.</p>
  
  <pre><code>&lt;template&gt;
      &lt;header class="header"&gt;&lt;/header&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
      export default {
  
      }
  &lt;/script&gt;
  
  &lt;style scoped&gt;
      .header {
          height: 2000px;
          background-color: black;
      }
  
      @media only screen and (min-width: 576px) {
          .header {
              height: 2000px;
              background-color: white;
          }
      }
  &lt;/style&gt;
  </code></pre>
  
  <p>However it works as expected in a raw .html file.</p>