style: unified components' naming style (#4991)

Author: twchn

packages/@vue/cli-plugin-router/generator/template/src/router/index.js

@@ -7,12 +7,12 @@ Vue.use(VueRouter)
 const routes = [
   {
     path: '/',
-    name: 'home',
+    name: 'Home',
     component: Home
   },
   {
     path: '/about',
-    name: 'about',
+    name: 'About',
     // route level code-splitting
     // this generates a separate chunk (about.[hash].js) for this route
     // which is lazy-loaded when the route is visited.

packages/@vue/cli-plugin-router/generator/template/src/views/Home.vue

@@ -15,7 +15,7 @@
 import HelloWorld from '@/components/HelloWorld.vue'
 
 export default {
-  name: 'home',
+  name: 'Home',
   components: {
     HelloWorld
   }

packages/@vue/cli-plugin-typescript/generator/template/src/App.vue

@@ -16,7 +16,7 @@ import Vue from 'vue';
 import HelloWorld from './components/HelloWorld.vue';
 
 export default Vue.extend({
-  name: 'app',
+  name: 'App',
   components: {
     HelloWorld
   }

packages/@vue/cli-plugin-typescript/generator/template/src/views/Home.vue

@@ -17,7 +17,7 @@ import Vue from 'vue';
 import HelloWorld from '@/components/HelloWorld.vue'; // @ is an alias to /src
 
 export default Vue.extend({
-  name: 'home',
+  name: 'Home',
   components: {
     HelloWorld,
   },

packages/@vue/cli-service/generator/template/src/App.vue

@@ -14,7 +14,7 @@
 import HelloWorld from './components/HelloWorld.vue'
 
 export default {
-  name: 'app',
+  name: 'App',
   components: {
     HelloWorld
   }
@@ -32,7 +32,7 @@ export default {
     : ``
 %>>
 #app {
-  font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  font-family: Avenir, Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   text-align: center;
@@ -43,7 +43,7 @@ export default {
 <%_ } else { _%>
 <style lang="stylus">
 #app
-  font-family 'Avenir', Helvetica, Arial, sans-serif
+  font-family Avenir, Helvetica, Arial, sans-serif
   -webkit-font-smoothing antialiased
   -moz-osx-font-smoothing grayscale
   text-align center