use events slugs everywhere

src/components/Navbar.vue

@@ -3,7 +3,7 @@
         <div class="dropdown">
             <button class="btn text-light dropdown-toggle btn-heading" type="button" id="dropdownMenuButton"
                     data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                {{ activeEvent }}
+                {{ activeEvent.slug }}
             </button>
             <div class="dropdown-menu bg-dark" aria-labelledby="dropdownMenuButton">
                 <a class="dropdown-item text-light" href="#" v-for="(event, index) in events" v-bind:key="index"

src/store/index.js

@@ -6,11 +6,11 @@ Vue.use(Vuex);
 export default new Vuex.Store({
   state: {
     events: [
-      {'slug': '35c3'},
+      {'slug': '35C3'},
       {'slug': 'camp19'},
-      {'slug': '36c3'}
+      {'slug': '36C3'}
     ],
-    activeEvent: '36c3',
+    activeEvent: {'slug': '36C3'},
     layout: 'cards',
     loadedItems: [
       { uid: 1, description: 'sleeping bag', box: 7, image: 41 },