Not able to use variable declared in less file

[HenriqueAurelio]

Anyone knows the problem?

[matthew-dean]

In a Vue file, when you add a pre-processor, each <style> block is compiled independently. Same with a .less import into the <script> block. These are two separate rendering processes which don't know about each other.

So, you need to move this to a native Less @import in the <style> block. Some loaders also allow you to "auto-inject" an import at the head of the <style> block, I think.

[HenriqueAurelio]

thanks a lot dude :)