{"id":533,"hash":"c5db6cd67de5e26de0ebf0c99b0e148a01e2886d51504d54a4ffb101b1dfe56e","pattern":"How to solve &quot;semi-colon expected&quot; warnings (css-semicolonexpected)","full_message":"I'm trying to use Tailwindcss @apply directive in a <style> 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!\n\nBelow is a screenshot and a snippet:\n\n\r\n\r\n<style scoped>\n\n.title {\n  @apply text-orient font-light block text-5xl pt-2;\n}\n\n.message {\n  @apply font-light pb-4 text-orient text-2xl text-blue-bayoux\n}\n</style>","ecosystem":"npm","package_name":"vue.js","package_version":null,"solution":"There is no built-in way to solve this within VS Code. The recommended way to solve this is by making use of the Stylelint extension to handle your CSS linting (& SCSS and/or Less, etc.). It's very powerful and likely will improve your stylesheets beyond removing these errors for you.\n\nYou need to add the styleint dependencies to your project. Run:\n\nnpm install --save-dev stylelint stylelint-config-standard\n\nyarn add -D stylelint stylelint-config-standard\n\nCreate a stylelint.config.js in the root of your project. (same location where your package.json is stored)\n\nPlace this snippet into it:\n\nmodule.exports = {\n  extends: [\"stylelint-config-standard\"],\n  rules: {\n    \"at-rule-no-unknown\": [\n      true,\n      {\n        ignoreAtRules: [\n          \"tailwind\",\n          \"apply\",\n          \"variants\",\n          \"responsive\",\n          \"screen\",\n        ],\n      },\n    ],\n    \"declaration-block-trailing-semicolon\": null,\n    \"no-descending-specificity\": null,\n  },\n};\n\nInstall these extensions to your VS Code setup:\n\nStylelint\nTailwind CSS IntelliSense\n\nLast but not least, adjust your local or global VS Code settings.json file to include:\n\n\"css.validate\": false,\n\"less.validate\": false,\n\"scss.validate\": false,\n\nThis way you will have the native linting \"disabled\", but are still ensuring it is linted using the Tailwind IntelliSense plugin.","confidence":0.95,"source":"stackoverflow","source_url":"https://stackoverflow.com/questions/61443484/how-to-solve-semi-colon-expected-warnings-css-semicolonexpected","votes":62,"created_at":"2026-04-19T04:51:19.422678+00:00","updated_at":"2026-04-19T04:51:19.422678+00:00"}