<script>
export default {
}
</script>

<template>
<div>
  <div class="less-bounds less-imported">
    {{'LessImportFile.vue\n'
    + '\n'
    + '<style scoped lang=\'less\'>\n'
    + '@import \'./TextSettings\';\n'
    + '</style>\n'
    + '\n'
    + '=================\n'
    + 'TextSettings.less\n'
    + '\n'
    + '.less-imported {\n'
    + '  color: #126085;\n'
    + '  font-size: 14;\n'}}
     <div class="less-nesting">
      {{'   .less-nesting {\n'
      + '     color: #5149a1;\n'
      + '    }' }}
    </div>
  </div>
</div>
</template>

<style scoped lang='less'>
@import './TextSettings';
.less-bounds {
  left: 10;
  top: 0;
  width: 230;
  height: 280;
}
</style>