<template>
  <div id="app">
    <v-header :bookId="id"></v-header>
    <div class="container">
      <side></side>
      <router-view/>
    </div>
  </div>
</template>

<script>
import Header from "@/components/header/header"
import Side from "@/components/side/side"
export default {
  name: 'app',
  data () {
    return {
      id: 6789
    }
  },
  components: {
    'v-header': Header,
    Side
  }
}
</script>

<style>
  .container {
    display: flex;
  }
</style>