Don't work with svelte template more (v14)

The stylelint v13 work with Svelte template files (*.svelte). New version v14 don’t work with any Svelte files more.

Example:

<script lang="ts">
  export let version: string;
</script>

<span>
  v{version}
</span>

<style>
  span {
    font-size: 12px;
    color: var(--d50);
  }
</style>

command:

npx stylelint 'src/**/*.svelte'

error:

src/components/ReleaseNote.svelte
 1:9  ✖  Unknown word  CssSyntaxError

npm

"stylelint": "^14.0.0",
"stylelint-config-standard": "^23.0.0",

.stylelintrc

{
  "extends": [
    "stylelint-config-standard"
  ],
  "rules": {
    "selector-pseudo-class-no-unknown": [
      true,
      {
        "ignorePseudoClasses": [
          "global"
        ]
      }
    ]
  }
}

Do you have plan support Svelte template files?

[shoonia]

@ybiquitous Thank you for your answer! It works well!

I like this new approach to decrease a node_modules size in the project.

[ybiquitous]

@shoonia Could you check the migration guide to v14, please?

Maybe, your Stylelint configuration would look like this: (that means you would need to install postcss-html additionally)

{
  "extends": [
    "stylelint-config-standard"
  ],
  "overrides": [
    {
      "files": ["**/*.svelte"],
      "customSyntax": "postcss-html",
      "rules": {
        ...
      }
    }
  ]
}