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"
},
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e87398-46c17.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e87398-46c17.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?