<template lang="html">
  <v-navigation-drawer
    v-model="drawer"
    app
    right
    clipped
  >
    <character-log :creature-id="$route.params.id" />
  </v-navigation-drawer>
</template>

<script lang="js">
import CharacterLog from '/imports/ui/log/CharacterLog.vue';
export default {
  components: {
    CharacterLog,
  },
  computed: {
    drawer: {
      get () {
        return this.$store.state.rightDrawer;
      },
      set (value) {
        this.$store.commit('setRightDrawer', value);
      },
    },
  },
}
</script>

<style lang="css" scoped>
</style>
