Speiseplan der Mensen der Georg-August-Universität Göttingen https://mensa.schneider-hosting.de
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

67 lines
1.3 KiB

<template>
<div id="app">
<h1>Essen in Göttingen</h1>
<nav>
<router-link v-for="mensa in mensen" :to="'/' + mensa.url + '/'">{{mensa.name | noBreak}}</router-link>
</nav>
<router-view></router-view>
<footer>
<hr>
Developed by <a href="https://webschneider.org">webschneider.org</a>
&copy; {{ new Date().getFullYear() }}
</footer>
</div>
</template>
<script>
import Mensen from '@/lib/Mensen.js'
export default {
name: 'app',
data () {
return {
menu: {},
mensen: Mensen
}
},
filters: {
noBreak (value) {
return value.replace(/\s/g, '\u00a0')
}
},
computed: {
today () {
return '' + new Date().getDay()
}
}
}
</script>
<style src="./assets/base.css"></style>
<style src="./assets/links.css"></style>
<style>
#app {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
font-size: 16px;
max-width: 30em;
margin: 0 auto;
}
footer{
margin: 1em 0;
}
nav>a{
margin: 0.3em;
wrap: no-wrap;
}
.router-link-active:before{
content: '>';
}
.router-link-active:after{
content: '<';
}
</style>