diff --git a/template/src/App.vue b/template/src/App.vue
index 1332ea1..a3a4e68 100644
--- a/template/src/App.vue
+++ b/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>
diff --git a/template/src/components/Hello.vue b/template/src/components/HelloWorld.vue
similarity index 98%
rename from template/src/components/Hello.vue
rename to template/src/components/HelloWorld.vue
index de990e0..cd6c721 100644
--- a/template/src/components/Hello.vue
+++ b/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'
diff --git a/template/test/unit/Hello.spec.js b/template/test/unit/Hello.spec.js
index f5808b3..499af74 100644
--- a/template/test/unit/Hello.spec.js
+++ b/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')
   })