title: Tailwind CSS + VueJS single file component and VS Code integration
body: <p>How to properly configure Tailwind CSS and VS Code to at least disable errors about at-rule and empty tag error inside VueJS single file component (vue-cli)?</p>
  
  <pre><code>&lt;template&gt;
  ...
  &lt;/template&gt;
  
  &lt;style lang="scss"&gt;
    body {
      // } expected
      @apply font-source pt-4;
    } // at-rule or selector expected
  
    h5,h4,h3,h2,h1 {
      // } expected
      @apply font-pt font-bold;
    } // at-rule or selector expected
  &lt;/style&gt;
  </code></pre>