App.vue 1.14 KB
Newer Older
1
2
3
<template>
  <div id="app">
    <app-header v-bind:modules="modules" v-bind:activeModule="activeModule" v-bind:user="user"></app-header>
4
    <div class="container">
5
6
7
8
9
10
11
      <router-view/>
    </div>
    <app-footer></app-footer>
  </div>
</template>

<script>
12
13
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'
14
15
16
17
18
19
20
21
22
23
24
25
import header from './components/Header.vue'
import footer from './components/Footer.vue'

export default {
  name: 'app',
  components: {
    'app-header': header,
    'app-footer': footer
  },
  data () {
    return {
      'modules': [
26
        { slug: 'home', title: 'Home' },
27
        { slug: 'shows', title: 'Sendungen verwalten' },
28
29
30
        { slug: 'files', title: 'Dateien und Playlists' },
        { slug: 'settings', title: 'Settings' },
        { slug: 'credits', title: 'Credits' }
31
32
      ],
      'activeModule': {
33
        route: 'home'
34
35
36
      },
      'user': {
        name: 'jackie',
37
        logged_in: true
38
39
40
41
42
43
      }
    }
  }
}
</script>

44
<style src="./styles.css" lang="css"></style>
45
46
<style>
#app {
47
  color: #2e3436;
48
}
49
/*
50
51
52
53
54
#app .content-width {
  margin: auto;
  width: 920px;
  max-width: 920px;
}
55
*/
56
</style>