59 lines
1.1 KiB
Vue
59 lines
1.1 KiB
Vue
<template>
|
|
<div id="app">
|
|
<router-view></router-view>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import store from '../store';
|
|
import * as backend from '../backend';
|
|
|
|
export default {
|
|
name: 'app',
|
|
created() {
|
|
backend.sync().then(() => {
|
|
return backend.getAll();
|
|
}).then(locations => {
|
|
store.setLocations(locations);
|
|
}).catch(err => {
|
|
alert(`at app startup: ${err.toString()}`);
|
|
})
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style src="normalize.css/normalize.css"></style>
|
|
<style src="@fortawesome/fontawesome-free/css/all.css"></style>
|
|
|
|
<style>
|
|
code {
|
|
font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
|
|
font-size: 0.9em;
|
|
white-space: pre-wrap;
|
|
color: #2c3e50;
|
|
}
|
|
|
|
code::before, code::after {
|
|
content: '`';
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.bm-burger-button {
|
|
top: 10px;
|
|
}
|
|
</style>
|
|
|
|
<style scoped>
|
|
#app {
|
|
text-align: center;
|
|
}
|
|
|
|
.bm-menu a,
|
|
.bm-menu a:visited {
|
|
color: white
|
|
}
|
|
</style>
|