seperate app and layouts

admin/src/App.vue

@@ -1,19 +1,15 @@
 <template>
   <div id="app">
-    <nav-bar class="wrapper-nav" />
-    <router-view class="wrapper p-3"></router-view>
-    <content-footer />
+    <default-layout v-if="$store.state.token" />
+    <router-view v-else></router-view>
   </div>
 </template>
 
 <script>
-import NavBar from '@/components/NavBar.vue'
-import ContentFooter from '@/components/ContentFooter.vue'
+import defaultLayout from '@/layouts/defaultLayout.vue'
+
 export default {
-  name: 'App',
-  components: {
-    NavBar,
-    ContentFooter,
-  },
+  name: 'app',
+  components: { defaultLayout },
 }
 </script>

admin/src/components/NavBar.vue

@@ -16,6 +16,8 @@
           >
             | {{ $store.state.openCreations }} offene Schöpfungen
           </b-nav-item>
+          <b-nav-item class="mr-auto">Wallet</b-nav-item>
+          <b-nav-item class="mr-auto">Logout</b-nav-item>
           <!-- <b-nav-item v-show="open < 1" to="/creation-confirm">| keine offene Schöpfungen</b-nav-item> -->
         </b-navbar-nav>
       </b-collapse>

admin/src/layouts/defaultLayout.vue

@@ -0,0 +1,19 @@
+<template>
+  <div>
+    <nav-bar class="wrapper-nav" />
+    <router-view class="wrapper p-3"></router-view>
+    <foo-ter />
+  </div>
+</template>
+
+<script>
+import NavBar from '@/components/NavBar.vue'
+import FooTer from '@/components/Footer.vue'
+export default {
+  name: 'defaultLayout',
+  components: {
+    NavBar,
+    FooTer,
+  },
+}
+</script>