less.js example <style lang="less" scoped> (not an issue)

[vikyd]

An example of how to use less.js in browser:

In html load less.js:

<script src="//unpkg.com/less"></script>

In vue3-sfc-loader options:

const options = {
  moduleCache: {
    vue: window.Vue,
    // ↓ the only line you need to add for using <style lang="less" scoped>
    less: window.less
  },
};

Using less in your Vue Single Component (Vue3):

<template>
  <div class="control-row">
    <button>BigBigButton</button>
  </div>
</template>

<style lang="less" scoped>
// nested style ↓
.control-row {
  button {
    width: 300px;
  }
}
</style>

over.

↑ This a an example only, not a bug.