1 files changed, 23 insertions, 6 deletions
diff --git a/src/App.vue b/src/App.vue
index ac76592..0497a35 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,27 +1,44 @@
 <template>
   <div id="app">
-    <h1>19 PDH Puszcza</h1>
-    <img alt="Work in progress" src="./assets/wip.png" />
-    <h3>Strona w trakcie budowy</h3>
+    <NavBar :routes="routes" :externalRoutes="externalRoutes" title="19 PDH Puszcza" />
+    <!-- logo="assets/krajka-logo.svg" -->
+    <router-view></router-view>
   </div>
 </template>
 
 <script>
+import NavBar from "./components/NavBar.vue";
+import { routes, externalRoutes } from "./router/index";
+
 export default {
   name: "app",
-  components: {}
+  components: { NavBar },
+  data() {
+    return {
+      routes,
+      externalRoutes: []
+    };
+  }
 };
 </script>
 
 <style>
 @import url("https://fonts.googleapis.com/css?family=Roboto+Slab&display=swap");
 
+html,
+body {
+  padding: 0;
+  margin: 0;
+}
+
 #app {
   font-family: "Roboto Slab", serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  text-align: center;
   color: #181818;
-  margin-top: 60px;
+  text-align: center;
+
+  display: flex;
+  flex-direction: column;
 }
 </style>