Use custom datasets for properties, at-properties, pseudo-classes and pesudo-elements.

[nuochong]

• I have searched through existing issues
• I have read through docs
• I have read FAQ

Info

• Platform: Mac OS
• Vetur version: 0.22.4
• VS Code version: 1.39.2

Problem

The custom properties of the style cannot be used in the vue file

Reproducible Case

settings.json

{
  "css.customData": ["./css.css-data.json"]
}

css.css-data.json

{
  "version": 1.1,
  "properties": [{
    "name": "my-size",
    "description": "Compiles down to `width` and `height`. See details at https://github.com/postcss/postcss-size",
    "references": [
      {
        "name": "GitHub",
        "url": "https://github.com/postcss/postcss-size"
      }
    ]
  }],
  "pseudoClasses": [{
    "name": ":my-link",
    "description": ":any-link pseudo class. See details at https://preset-env.cssdb.org/features#any-link-pseudo-class"
  }]
}

test.scss

button{
  color:red;
  my-size:4px;
}

In test.scss, the 'my-size' property prompts normally

Correct message

Compiles down to width and height. See details at 
https://github.com/postcss/postcss-size
GitHub

test.vue

<template>
<div>
</div>
</template>

<script>
</script>

<style scoped lang="scss">
button{
  color:red;
  my-size:4px;
}
</style>

However, the 'my-size' property is incorrect in test.vue, and the custom style property cannot be used.

Error message

Unknown property: 'my-size'css(unknownProperties)

Information related to this issue

vscode-css-languageservice/changelog.md

4.0.0 / 2019-06-12
`LanguageServiceOptions.customDataProviders` allows you to use custom datasets for properties, at-properties, pseudo-classes and pesudo-elements.
New API LanguageService.getSelectionRanges

customData.schema.json

vscode-custom-data

vscode-css-languageservice/docs/customData.md

vscode-custom-data/samples/helloworld