From aa22ea63f04d2a6286818e84ba8544f48b9dd352 Mon Sep 17 00:00:00 2001
From: Maxim Stogniy <i.dual.ce@gmail.com>
Date: Thu, 21 May 2020 22:13:53 +1200
Subject: [PATCH] Change components rendering instead of route

---
 src/admin/App.vue          |  4 ++--
 src/admin/router/index.js  |  4 ----
 src/admin/router/routes.js | 24 +++++++++++++++++++-----
 3 files changed, 21 insertions(+), 11 deletions(-)

diff --git a/src/admin/App.vue b/src/admin/App.vue
index c011c82..616092b 100644
--- a/src/admin/App.vue
+++ b/src/admin/App.vue
@@ -1,9 +1,9 @@
 <template lang="pug">
   .root-container
     header.header-container
-      Header
+      router-view(name="header")
     nav.nav-container
-      Navigation
+      router-view(name="nav")
     main.content-container
       router-view
 
diff --git a/src/admin/router/index.js b/src/admin/router/index.js
index d08d251..bfc3dfa 100644
--- a/src/admin/router/index.js
+++ b/src/admin/router/index.js
@@ -11,10 +11,6 @@ const router = new VueRouter({
 })
 
 router.beforeEach(async (to, from, next) => {
-  
-  console.log('to ', to)
-  console.log('from ', from)
-  console.log('next ', next)
   const isAuthRequired = to.matched.some(record => record.meta.auth);
   const isUserLogged = store.getters["auth/isLogged"];
 
diff --git a/src/admin/router/routes.js b/src/admin/router/routes.js
index 571ded2..18e651a 100644
--- a/src/admin/router/routes.js
+++ b/src/admin/router/routes.js
@@ -2,12 +2,18 @@ import About from '../components/About/About'
 import Reviews from '../components/Reviews/Reviews'
 import Works from '../components/Works/Works'
 import Login from '../components/Login'
+import Navigation from '../components/Navigation'
+import Header from '../components/Header'
 
 export default [
   {
     path: '/',
     name: 'about',
-    component: About,
+    components: {
+        default: About,
+        nav: Navigation,
+        header: Header
+    },
     meta:
       {
         title: "Блок «Обо мне»",
@@ -17,20 +23,28 @@ export default [
   {
     path: '/reviews',
     name: 'reviews',
-    component: Reviews,
+    components: {
+      default: Reviews,
+      nav: Navigation,
+      header: Header
+  },
     meta:
       {
-        title: "Блок «Работы»",
+        title: "Блок «Отзывы»",
         auth: true
       }
   },
   {
     path: '/works',
     name: 'works',
-    component: Works,
+    components: {
+      default: Works,
+      nav: Navigation,
+      header: Header
+  },
     meta:
       {
-        title: "Блок «Отзывы»",
+        title: "Блок «Работы»",
         auth: true
       }
   },