Change syntax to eslint-standart friendly for generated component

dist/blueprints/component/index.vue

@@ -1,4 +1,4 @@
-<template src="./{{name}}.component.{{ filesType.html }}"></template>
-<script src="./{{name}}.component.{{ filesType.js }}"></script>
-<style src="./{{name}}.component.{{ filesType.style }}" scoped lang="{{ filesType.style }}"></style>
+<template src='./{{name}}.component.{{ filesType.html }}'></template>
+<script src='./{{name}}.component.{{ filesType.js }}'></script>
+<style src='./{{name}}.component.{{ filesType.style }}' scoped lang='{{ filesType.style }}'></style>
 

dist/blueprints/component/temp.component.js

@@ -1,19 +1,15 @@
-export default  {
+export default {
   name: '{{name | kebabCase}}',
   props: [],
-  mounted() {
-
+  mounted () {
   },
-  data() {
+  data () {
     return {
-
     }
   },
   methods: {
-
   },
   computed: {
-
   }
 }
 

dist/blueprints/component/temp.component.spec.js

@@ -1,29 +1,29 @@
-import Vue from 'vue';
-import {{name | camelCase}}Component from './index.vue';
+import Vue from 'vue'
+import {{name | camelCase}}Component from './index.vue'
 
 // Here are some Jasmine 2.0 tests, though you can
 // use any test runner / assertion library combo you prefer
 describe('{{name | camelCase}}Component', () => {
   // Inspect the raw component options
   it('has a created hook', () => {
-    // expect(typeof {{name | camelCase}}Component.created).toBe('function');
+    // expect(typeof {{name | camelCase}}Component.created).toBe('function')
   })
   // Evaluate the results of functions in
   // the raw component options
   it('sets the correct default data', () => {
     // expect(typeof {{name | camelCase}}Component.data).toBe('function')
-    // const defaultData = {{name | camelCase}}Component.data();
-    // expect(defaultData.message).toBe('hello!');
+    // const defaultData = {{name | camelCase}}Component.data()
+    // expect(defaultData.message).toBe('hello!')
   })
   // Inspect the component instance on mount
   it('correctly sets the message when created', () => {
-    // const vm = new Vue({{name | camelCase}}Component).$mount();
-    // expect(vm.message).toBe('bye!');
+    // const vm = new Vue({{name | camelCase}}Component).$mount()
+    // expect(vm.message).toBe('bye!')
   })
   // Mount an instance and inspect the render output
   it('renders the correct message', () => {
-    // const Ctor = Vue.extend({{name | camelCase}}Component);
-    // const vm = new Ctor().$mount();
-    // expect(vm.$el.textContent).toBe('bye!');
+    // const Ctor = Vue.extend({{name | camelCase}}Component)
+    // const vm = new Ctor().$mount()
+    // expect(vm.$el.textContent).toBe('bye!')
   })
 })

dist/blueprints/component/temp.sty.extension

@@ -1,3 +1,2 @@
-.{{name | kebabCase}} {
-
-}
+.{{name | kebabCase}}
+  // styles

dist/config/config.json

@@ -1,7 +1,7 @@
 {
   "filesType": {
     "js": "js",
-    "html": "pug",
-    "style": "less"
+    "html": "html",
+    "style": "scss"
   }
 }

lib/blueprints/component/index.vue

@@ -1,4 +1,4 @@
-<template src="./{{name}}.component.{{ filesType.html }}"></template>
-<script src="./{{name}}.component.{{ filesType.js }}"></script>
-<style src="./{{name}}.component.{{ filesType.style }}" scoped lang="{{ filesType.style }}"></style>
+<template src='./{{name}}.component.{{ filesType.html }}'></template>
+<script src='./{{name}}.component.{{ filesType.js }}'></script>
+<style src='./{{name}}.component.{{ filesType.style }}' scoped lang='{{ filesType.style }}'></style>
 

lib/blueprints/component/temp.component.js

@@ -1,19 +1,15 @@
-export default  {
+export default {
   name: '{{name | kebabCase}}',
   props: [],
-  mounted() {
-
+  mounted () {
   },
-  data() {
+  data () {
     return {
-
     }
   },
   methods: {
-
   },
   computed: {
-
   }
 }
 

lib/blueprints/component/temp.component.spec.js

@@ -1,29 +1,29 @@
-import Vue from 'vue';
-import {{name | camelCase}}Component from './index.vue';
+import Vue from 'vue'
+import {{name | camelCase}}Component from './index.vue'
 
 // Here are some Jasmine 2.0 tests, though you can
 // use any test runner / assertion library combo you prefer
 describe('{{name | camelCase}}Component', () => {
   // Inspect the raw component options
   it('has a created hook', () => {
-    // expect(typeof {{name | camelCase}}Component.created).toBe('function');
+    // expect(typeof {{name | camelCase}}Component.created).toBe('function')
   })
   // Evaluate the results of functions in
   // the raw component options
   it('sets the correct default data', () => {
     // expect(typeof {{name | camelCase}}Component.data).toBe('function')
-    // const defaultData = {{name | camelCase}}Component.data();
-    // expect(defaultData.message).toBe('hello!');
+    // const defaultData = {{name | camelCase}}Component.data()
+    // expect(defaultData.message).toBe('hello!')
   })
   // Inspect the component instance on mount
   it('correctly sets the message when created', () => {
-    // const vm = new Vue({{name | camelCase}}Component).$mount();
-    // expect(vm.message).toBe('bye!');
+    // const vm = new Vue({{name | camelCase}}Component).$mount()
+    // expect(vm.message).toBe('bye!')
   })
   // Mount an instance and inspect the render output
   it('renders the correct message', () => {
-    // const Ctor = Vue.extend({{name | camelCase}}Component);
-    // const vm = new Ctor().$mount();
-    // expect(vm.$el.textContent).toBe('bye!');
+    // const Ctor = Vue.extend({{name | camelCase}}Component)
+    // const vm = new Ctor().$mount()
+    // expect(vm.$el.textContent).toBe('bye!')
   })
 })

lib/blueprints/component/temp.sty.extension

@@ -1,3 +1,2 @@
-.{{name | kebabCase}} {
-
-}
+.{{name | kebabCase}}
+  // styles