refactor: add eslint-plugin-vue && lint code (#976)

src/router/modules/charts.js

@@ -6,7 +6,7 @@ const chartsRouter = {
   path: '/charts',
   component: Layout,
   redirect: 'noredirect',
-  name: 'charts',
+  name: 'Charts',
   meta: {
     title: 'charts',
     icon: 'chart'
@@ -15,19 +15,19 @@ const chartsRouter = {
     {
       path: 'keyboard',
       component: () => import('@/views/charts/keyboard'),
-      name: 'keyboardChart',
+      name: 'KeyboardChart',
       meta: { title: 'keyboardChart', noCache: true }
     },
     {
       path: 'line',
       component: () => import('@/views/charts/line'),
-      name: 'lineChart',
+      name: 'LineChart',
       meta: { title: 'lineChart', noCache: true }
     },
     {
       path: 'mixchart',
       component: () => import('@/views/charts/mixChart'),
-      name: 'mixChart',
+      name: 'MixChart',
       meta: { title: 'mixChart', noCache: true }
     }
   ]

src/router/modules/components.js

@@ -6,7 +6,7 @@ const componentsRouter = {
   path: '/components',
   component: Layout,
   redirect: 'noredirect',
-  name: 'component-demo',
+  name: 'ComponentDemo',
   meta: {
     title: 'components',
     icon: 'component'
@@ -15,79 +15,79 @@ const componentsRouter = {
     {
       path: 'tinymce',
       component: () => import('@/views/components-demo/tinymce'),
-      name: 'tinymce-demo',
+      name: 'TinymceDemo',
       meta: { title: 'tinymce' }
     },
     {
       path: 'markdown',
       component: () => import('@/views/components-demo/markdown'),
-      name: 'markdown-demo',
+      name: 'MarkdownDemo',
       meta: { title: 'markdown' }
     },
     {
       path: 'json-editor',
       component: () => import('@/views/components-demo/jsonEditor'),
-      name: 'jsonEditor-demo',
+      name: 'JsonEditorDemo',
       meta: { title: 'jsonEditor' }
     },
     {
       path: 'splitpane',
       component: () => import('@/views/components-demo/splitpane'),
-      name: 'splitpane-demo',
+      name: 'SplitpaneDemo',
       meta: { title: 'splitPane' }
     },
     {
       path: 'avatar-upload',
       component: () => import('@/views/components-demo/avatarUpload'),
-      name: 'avatarUpload-demo',
+      name: 'AvatarUploadDemo',
       meta: { title: 'avatarUpload' }
     },
     {
       path: 'dropzone',
       component: () => import('@/views/components-demo/dropzone'),
-      name: 'dropzone-demo',
+      name: 'DropzoneDemo',
       meta: { title: 'dropzone' }
     },
     {
       path: 'sticky',
       component: () => import('@/views/components-demo/sticky'),
-      name: 'sticky-demo',
+      name: 'StickyDemo',
       meta: { title: 'sticky' }
     },
     {
       path: 'count-to',
       component: () => import('@/views/components-demo/countTo'),
-      name: 'countTo-demo',
+      name: 'CountToDemo',
       meta: { title: 'countTo' }
     },
     {
       path: 'mixin',
       component: () => import('@/views/components-demo/mixin'),
-      name: 'componentMixin-demo',
+      name: 'ComponentMixinDemo',
       meta: { title: 'componentMixin' }
     },
     {
       path: 'back-to-top',
       component: () => import('@/views/components-demo/backToTop'),
-      name: 'backToTop-demo',
+      name: 'BackToTopDemo',
       meta: { title: 'backToTop' }
     },
     {
       path: 'drag-dialog',
       component: () => import('@/views/components-demo/dragDialog'),
-      name: 'dragDialog-demo',
+      name: 'DragDialogDemo',
       meta: { title: 'dragDialog' }
     },
     {
       path: 'dnd-list',
       component: () => import('@/views/components-demo/dndList'),
-      name: 'dndList-demo',
+      name: 'DndListDemo',
       meta: { title: 'dndList' }
     },
     {
       path: 'drag-kanban',
       component: () => import('@/views/components-demo/dragKanban'),
-      name: 'dragKanban-demo',
+      name: 'DragKanbanDemo',
       meta: { title: 'dragKanban' }
     }
   ]

src/router/modules/nested.js

@@ -6,7 +6,7 @@ const nestedRouter = {
   path: '/nested',
   component: Layout,
   redirect: '/nested/menu1/menu1-1',
-  name: 'nested',
+  name: 'Nested',
   meta: {
     title: 'nested',
     icon: 'nested'
@@ -15,33 +15,33 @@ const nestedRouter = {
     {
       path: 'menu1',
       component: () => import('@/views/nested/menu1/index'), // Parent router-view
-      name: 'menu1',
+      name: 'Menu1',
       meta: { title: 'menu1' },
       redirect: '/nested/menu1/menu1-1',
       children: [
         {
           path: 'menu1-1',
           component: () => import('@/views/nested/menu1/menu1-1'),
-          name: 'menu1-1',
+          name: 'Menu1-1',
           meta: { title: 'menu1-1' }
         },
         {
           path: 'menu1-2',
           component: () => import('@/views/nested/menu1/menu1-2'),
-          name: 'menu1-2',
+          name: 'Menu1-2',
           redirect: '/nested/menu1/menu1-2/menu1-2-1',
           meta: { title: 'menu1-2' },
           children: [
             {
               path: 'menu1-2-1',
               component: () => import('@/views/nested/menu1/menu1-2/menu1-2-1'),
-              name: 'menu1-2-1',
+              name: 'Menu1-2-1',
               meta: { title: 'menu1-2-1' }
             },
             {
               path: 'menu1-2-2',
               component: () => import('@/views/nested/menu1/menu1-2/menu1-2-2'),
-              name: 'menu1-2-2',
+              name: 'Menu1-2-2',
               meta: { title: 'menu1-2-2' }
             }
           ]
@@ -49,14 +49,14 @@ const nestedRouter = {
         {
           path: 'menu1-3',
           component: () => import('@/views/nested/menu1/menu1-3'),
-          name: 'menu1-3',
+          name: 'Menu1-3',
           meta: { title: 'menu1-3' }
         }
       ]
     },
     {
       path: 'menu2',
-      name: 'menu2',
+      name: 'Menu2',
       component: () => import('@/views/nested/menu2/index'),
       meta: { title: 'menu2' }
     }

src/router/modules/table.js

@@ -6,7 +6,7 @@ const tableRouter = {
   path: '/table',
   component: Layout,
   redirect: '/table/complex-table',
-  name: 'table',
+  name: 'Table',
   meta: {
     title: 'Table',
     icon: 'table'
@@ -15,37 +15,37 @@ const tableRouter = {
     {
       path: 'dynamic-table',
       component: () => import('@/views/table/dynamicTable/index'),
-      name: 'dynamicTable',
+      name: 'DynamicTable',
       meta: { title: 'dynamicTable' }
     },
     {
       path: 'drag-table',
       component: () => import('@/views/table/dragTable'),
-      name: 'dragTable',
+      name: 'DragTable',
       meta: { title: 'dragTable' }
     },
     {
       path: 'inline-edit-table',
       component: () => import('@/views/table/inlineEditTable'),
-      name: 'inlineEditTable',
+      name: 'InlineEditTable',
       meta: { title: 'inlineEditTable' }
     },
     {
       path: 'tree-table',
       component: () => import('@/views/table/treeTable/treeTable'),
-      name: 'treeTableDemo',
+      name: 'TreeTableDemo',
       meta: { title: 'treeTable' }
     },
     {
       path: 'custom-tree-table',
       component: () => import('@/views/table/treeTable/customTreeTable'),
-      name: 'customTreeTableDemo',
+      name: 'CustomTreeTableDemo',
       meta: { title: 'customTreeTable' }
     },
     {
       path: 'complex-table',
       component: () => import('@/views/table/complexTable'),
-      name: 'complexTable',
+      name: 'ComplexTable',
       meta: { title: 'complexTable' }
     }
   ]