title: How to solve "semi-colon expected" warnings (css-semicolonexpected)
body: <p>I'm trying to use Tailwindcss <code>@apply</code> directive in a <code>&lt;style&gt;</code> tag of a Nuxt.js Vue file. Everything works fine, but I keep getting some annoying red squiggly lines. Please, guys, I need help... Thank you!</p>
  <p>Below is a <a href="https://i.stack.imgur.com/hslPg.png" rel="noreferrer">screenshot</a> and a snippet:</p>
  <p><a href="https://i.stack.imgur.com/hslPg.png" rel="noreferrer"><img src="https://i.stack.imgur.com/hslPg.png" alt="enter image description here" /></a></p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;style scoped&gt;
  
  .title {
    @apply text-orient font-light block text-5xl pt-2;
  }
  
  .message {
    @apply font-light pb-4 text-orient text-2xl text-blue-bayoux
  }
  &lt;/style&gt;</code></pre>
  </div>
  </div>
  </p>