Feature request: add support for Vue.js single file component

[nicothin]

it would be great to get auto-completion of variables in single-file components Vue.js

<template>
  <!-- some code -->
</template>

<script lang="ts">
  // some code
</script>

<style lang="less" scoped>
  @import '@/styles/variables.less'; // File with variables for autocomplete (Including @padding-lg)
  // or @import '../styles/variables.less'; 
  // or <reference path="../styles/variables.less" />

  .selectorr {
    padding: @padding-lg; // It would be great to have autocomplete here when you type @
  }
</style>

The author of the vetur refuses to implement this feature: https://github.com/vuejs/vetur/issues/2178

[theoephraim]

Trying to get similar support in Volar - see https://github.com/johnsoncodehk/volar/issues/783

[MaticBabnik]

Sorry for bumping an old issue, but I have implemented vue support on my fork. It is also up on the marketplace under the id maticbabnik.vscode-less-vue. (link)

I mostly just copied the code from the SCSS extension. I might make a PR, but I need to fix the linter and dependencies first.