diff --git a/template/src/App.vue b/template/src/App.vue
index 74a25d1dfa..ebe5aba27d 100644
--- a/template/src/App.vue
+++ b/template/src/App.vue
@@ -2,22 +2,22 @@
   <div id="app">
     <img src="./assets/logo.png">
     {{#router}}
-    <router-view></router-view>
+    <router-view/>
     {{else}}
-    <hello></hello>
+    <hello-world/>
     {{/router}}
   </div>
 </template>
 
 <script>
 {{#unless router}}
-import Hello from './components/Hello'{{#if_eq lintConfig "airbnb"}};{{/if_eq}}
+import HelloWorld from './components/HelloWorld'{{#if_eq lintConfig "airbnb"}};{{/if_eq}}
 
 {{/unless}}
 export default {
   name: 'app'{{#router}}{{#if_eq lintConfig "airbnb"}},{{/if_eq}}{{else}},
   components: {
-    Hello{{#if_eq lintConfig "airbnb"}},{{/if_eq}}
+    HelloWorld{{#if_eq lintConfig "airbnb"}},{{/if_eq}}
   }{{#if_eq lintConfig "airbnb"}},{{/if_eq}}{{/router}}
 }{{#if_eq lintConfig "airbnb"}};{{/if_eq}}
 </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 2abf221cdb..29036fa0aa 100644
--- a/template/src/components/Hello.vue
+++ b/template/src/components/HelloWorld.vue
@@ -22,7 +22,7 @@
 
 <script>
 export default {
-  name: 'hello',
+  name: 'HelloWorld',
   data{{#unless_eq lintConfig "airbnb"}} {{/unless_eq}}() {
     return {
       msg: 'Welcome to Your Vue.js App'{{#if_eq lintConfig "airbnb"}},{{/if_eq}}
diff --git a/template/src/router/index.js b/template/src/router/index.js
index 4443677ef4..9bdda48bd3 100644
--- a/template/src/router/index.js
+++ b/template/src/router/index.js
@@ -1,6 +1,6 @@
 import Vue from 'vue'{{#if_eq lintConfig "airbnb"}};{{/if_eq}}
 import Router from 'vue-router'{{#if_eq lintConfig "airbnb"}};{{/if_eq}}
-import Hello from '@/components/Hello'{{#if_eq lintConfig "airbnb"}};{{/if_eq}}
+import HelloWorld from '@/components/HelloWorld'{{#if_eq lintConfig "airbnb"}};{{/if_eq}}
 
 Vue.use(Router){{#if_eq lintConfig "airbnb"}};{{/if_eq}}
 
@@ -9,7 +9,7 @@ export default new Router({
     {
       path: '/',
       name: 'Hello',
-      component: Hello{{#if_eq lintConfig "airbnb"}},{{/if_eq}}
+      component: HelloWorld{{#if_eq lintConfig "airbnb"}},{{/if_eq}}
     }{{#if_eq lintConfig "airbnb"}},{{/if_eq}}
   ]{{#if_eq lintConfig "airbnb"}},{{/if_eq}}
 }){{#if_eq lintConfig "airbnb"}};{{/if_eq}}