Unknown word CssSyntaxError in import inside script tag in vue file

Clearly describe the bug

CssSyntaxError unknown word in import inside script tag in vue file

Which rule, if any, is the bug related to?

What code is needed to reproduce the bug?

<script>
    import {ref, nextTick, onBeforeUnmount, watch, inject} from 'vue';
</script>

What Stylelint configuration is needed to reproduce the bug?

Which version of Stylelint are you using?

e.g. 14.0.0

How are you running stylelint: CLI, PostCSS plugin, Node.js API?

VSCode via stylelint plugin

Does the bug relate to non-standard syntax (e.g. SCSS, Less etc.)?

What did you expect to happen?

“No warnings to be flagged.”

What actually happened (e.g. what warnings or errors did you get)?

CssSyntaxError unknown word in import inside script tag in vue file

[ybiquitous]

Maybe, you may need to configure customSyntax: "postcss-html" in your Stylelint config files. (see also the v14 migration guide)

If you want to check Vue files, stylelint-config-recommended-vue may help you.

[jeddy3]

I’ll open to issue to discuss whether we can add more validation to the configuration object.

We surface an error already for CLI, e.g.

// .stylelintrc
{}

Gives:

Error: No rules found within configuration. Have you provided a "rules" property?

It seems the VS Code extension doesn’t surface the error, though. One for that issue tracker, I think.

Thank you thank you thank you!

No worries.