Add missing file

src/components/OpeningHours.vue

@@ -0,0 +1,45 @@
+<template>
+  <div class="opening">
+    <h1>Öffnungszeiten</h1>
+    <h2>Zentralmensa</h2>
+      <table>
+        <tr>
+          <td>Mo - Do</td>
+          <td>11:30 - 20.00 Uhr</td>
+        </tr>
+      </table>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'OpeningHours',
+  data() {
+    return {
+      msg: 'Welcome to Your Vue.js App'
+    }
+  }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped>
+h1,
+h2 {
+  font-weight: normal;
+}
+
+ul {
+  list-style-type: none;
+  padding: 0;
+}
+
+li {
+  display: inline-block;
+  margin: 0 10px;
+}
+
+a {
+  color: #42b983;
+}
+</style>

src/router/index.js

@@ -1,6 +1,7 @@
 import Vue from 'vue'
 import Router from 'vue-router'
 import Mensa from '@/components/Mensa'
+import OpeningHours from '@/components/OpeningHours.vue'
 
 Vue.use(Router)
 
@@ -12,6 +13,11 @@ export default new Router({
       name: 'Mensa',
       component: Mensa
     },
+    {
+      path: '/open',
+      name: 'OpeningHours',
+      component: OpeningHours
+    },
     {
       path: '/:mensa/:tag',
       component: Mensa