update formatting, refactor to less loc

.gitignore

@@ -1,2 +1,4 @@
-/.idea
-/node_modules
+node_modules
+public/css
+public/js
+public/fonts

app/components/app.vue

@@ -1,42 +1,24 @@
 <template>
-    <div id="app" :class="routeClass">
-        <navbar></navbar>
-        <div class="container">
-            <h1>{{ message }}</h1>
-        </div>
-        <router-view></router-view>
-    </div>
+<div id="app">
+  <navbar></navbar>
+  <div class="container">
+    <h1>{{ message }}</h1>
+  </div>
+  <router-view></router-view>
+</div>
 </template>
 
 <script type="text/babel">
-    export default {
-        name: 'app',
-
-        store: ['message'],
-
-        events: {
-            testEvent(message) {
-                this.message = message
-            },
-
-            testTwo(message) {
-                this.message = message
-            }
-        },
-
-        computed: {
-            /**
-             * Get a class name based on the route path.
-             *
-             * @return {String}
-             */
-            routeClass() {
-                return this.$route.path.split('/').filter(part => Boolean(part)).join('-')
-            }
-        },
-
-        components: {
-            'navbar': require('./nav/navbar.vue')
-        }
+export default {
+  name: 'app',
+  store: ['message'],
+  events: {
+    test(message) {
+      this.message = message
     }
+  },
+  components: {
+    'navbar': require('./nav/navbar.vue')
+  }
+}
 </script>

app/components/nav/navbar.vue

@@ -1,48 +1,16 @@
 <template>
-    <nav class="navbar navbar-default">
-        <div class="container-fluid">
-
-            <div class="navbar-header">
-                <button type="button"
-                        class="navbar-toggle collapsed"
-                        data-toggle="collapse"
-                        data-target="#main-navbar"
-                        aria-expanded="false">
-                    <span class="sr-only">Toggle navigation</span>
-                    <span class="icon-bar"></span>
-                    <span class="icon-bar"></span>
-                    <span class="icon-bar"></span>
-                </button>
-                <a class="navbar-brand" href="#">
-                    <i class="fa fa-server"></i>
-                    Vue Stack 2.0
-                </a>
-            </div>
-
-            <div class="collapse navbar-collapse" id="main-navbar">
-
-                <ul class="nav navbar-nav navbar-right">
-                    <li>
-                        <router-link :to="{ name: 'index' }">
-                            Home
-                        </router-link>
-                    </li>
-                    <li>
-                        <router-link :to="{ name: 'test' }">
-                            Fire  Event
-                        </router-link>
-                    </li>
-                </ul>
-
-            </div><!-- /.navbar-collapse -->
-        </div><!-- /.container-fluid -->
-    </nav>
-</template>
-
-<style rel="stylesheet/scss" lang="sass">
-    .navbar {
-        border-left: 0;
-        border-right: 0;
-        border-top: 0;
-    }
-</style>
+<nav class="navbar navbar-default">
+  <div class="container-fluid">
+    <div class="navbar-header">
+      <a class="navbar-brand" href="#">
+        <i class="fa fa-server"></i>
+        Vue Stack 2.0
+      </a>
+    </div>
+    <ul class="nav navbar-nav navbar-right">
+      <li><router-link :to="{ name: 'index' }">Home</router-link></li>
+      <li><router-link :to="{ name: 'test' }">Fire  Event</router-link></li>
+    </ul>
+  </div>
+</nav>
+</template>

app/components/test.vue

@@ -1,16 +1,16 @@
 <template>
-    <div class="container">
-        <input class="form-control" v-model="message">
-    </div>
+<div class="container">
+  <input class="form-control" v-model="message">
+</div>
 </template>
 
 <script>
-    export default {
-        name: 'test',
-        store: ['message'],
-        mounted() {
-            setTimeout(() => this.$events.fire('test', 'You just received a message from test.vue'), 1500)
-            setTimeout(() => this.$events.fire('test', 'hahah you got another message'), 5000)
-        }
-    }
+export default {
+  name: 'test',
+  store: ['message'],
+  mounted() {
+    setTimeout(() => this.$events.fire('test', 'You just received a message from test.vue'), 1500)
+    setTimeout(() => this.$events.fire('test', 'hahah you got another message'), 5000)
+  }
+}
 </script>

app/routes.js

@@ -1,7 +1,7 @@
 export default [
-    {
-        path: '/test',
-        name: 'test',
-        component: require('./components/test.vue')
-    }
+  {
+      path: '/test',
+      name: 'test',
+      component: require('./components/test.vue')
+  }
 ]

app/store.js

@@ -1,3 +1,3 @@
 export default {
-    message: 'Hello world!'
+  message: 'Hello world!'
 }