Apply few style guide rules

template/src/App.vue

@@ -1,16 +1,16 @@
 <template>
   <div id="app">
-    <hello></hello>
+    <HelloWorld/>
   </div>
 </template>
 
 <script>
-import Hello from './components/Hello.vue'
+import HelloWorld from './components/HelloWorld.vue'
 
 export default {
   name: 'app',
   components: {
-    Hello
+    HelloWorld
   }
 }
 </script>

template/src/components/Hello.vue → template/src/components/HelloWorld.vue

@@ -21,7 +21,7 @@
 
 <script>
 export default {
-  name: 'hello',
+  name: 'HelloWorld',
   data () {
     return {
       msg: 'Welcome to Your Vue.js App'

template/test/unit/Hello.spec.js

@@ -1,11 +1,11 @@
 import Vue from 'vue'
-import Hello from '../../src/components/Hello.vue'
+import HelloWorld from '../../src/components/HelloWorld.vue'
 
-describe('Hello.vue', () => {
+describe('HelloWorld.vue', () => {
   it('should render correct contents', () => {
     const vm = new Vue({
       el: document.createElement('div'),
-      render: (h) => h(Hello)
+      render: (h) => h(HelloWorld)
     })
     expect(vm.$el.querySelector('h1').textContent).toBe('Welcome to Your Vue.js App')
   })