From 3af5a3807271d786c62d81292b32cbe161bf6c7f Mon Sep 17 00:00:00 2001
From: Book Pauk <bookpauk@gmail.com>
Date: Wed, 2 Jan 2019 16:50:11 +0700
Subject: [PATCH] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB=D0=B5?=
 =?UTF-8?q?=D0=BD=20vue-router?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/components/App.vue |  9 ++++-----
 client/main.js            |  6 +++++-
 client/router.js          | 14 ++++++++++++++
 3 files changed, 23 insertions(+), 6 deletions(-)
 create mode 100644 client/router.js

diff --git a/client/components/App.vue b/client/components/App.vue
index 3b91811d..5490340f 100644
--- a/client/components/App.vue
+++ b/client/components/App.vue
@@ -3,7 +3,7 @@
         <el-aside :width="asideWidth">
             <div class="app-name"><span v-html="appName"></span></div>
             <el-button class="el-button-collapse" @click="toggleCollapse" :icon="buttonCollapseIcon"></el-button>
-            <el-menu class="el-menu-vertical" @select="handleSelect" :collapse="isCollapse">
+            <el-menu class="el-menu-vertical" @select="handleSelect" :collapse="isCollapse" router>
               <el-menu-item index="cardindex">
                 <i class="el-icon-search"></i>
                 <span slot="title">Картотека</span>
@@ -36,19 +36,17 @@
         </el-aside>
 
         <el-main>
-            <pre>{{ apiError }}</pre>
+            <pre></pre>
         </el-main>
     </el-container>
 </template>
 
 <script>
+//-----------------------------------------------------------------------------
 import Vue from 'vue';
 import Component from 'vue-class-component';
 
 export default @Component({
-    props: {
-        test: String
-    },
 })
 class App extends Vue {
     created() {
@@ -111,6 +109,7 @@ class App extends Vue {
         return this.state.apiError;
     }
 }
+//-----------------------------------------------------------------------------
 </script>
 
 <style scoped>
diff --git a/client/main.js b/client/main.js
index f32fc941..3329b1e9 100644
--- a/client/main.js
+++ b/client/main.js
@@ -1,15 +1,19 @@
 import Vue from 'vue';
 import App from './components/App.vue';
+
+import router from './router';
+import store from './store';
+
 import ElementUI from 'element-ui';
 import './theme/index.css';
 import locale from 'element-ui/lib/locale/lang/ru-RU';
-import store from './store';
 
 //Vue.config.productionTip = false;
 
 Vue.use(ElementUI, { locale });
 
 new Vue({
+    router,
     store,
     render: h => h(App),
 }).$mount('#app');
diff --git a/client/router.js b/client/router.js
new file mode 100644
index 00000000..4d19ad66
--- /dev/null
+++ b/client/router.js
@@ -0,0 +1,14 @@
+import Vue from 'vue';
+import VueRouter from 'vue-router';
+import App from './components/App.vue';
+
+Vue.use(VueRouter);
+
+let routes = [
+    { path: '/', component: App },
+    { path: '/cardindex', component: App },
+];
+
+export default new VueRouter({
+    routes
+});