How to identify the built-in less file in vscode?

I created a .vue file in vscode, and then built less code into the vue file:

<style lang="less" scoped>
.floor-ad-words{
  padding: 0 10px 10px 10px;
  font-size: 12px;

  background-color: -sharpfff;
  .text{
    margin: 0;
    line-height: 1.2;
    color: -sharpEF250F;
    text-decoration: underline;
  }
}
</style>

but the following warning appears:} expected css (css lcurlyexpected), but does not affect the use, how to eliminate the following warning

clipboard.png

ps: I have used the Vetur plug-in


if you still find that the less syntax in the .vue is not recognized after using the vetur plug-in, you can see if the language pattern in the lower right corner is Vue,. If not, change it to Vue.
Global setting:
"files.associations": {

    "*.vue": "vue",
    "*.tpl": "html"
},
Menu