56 lines
837 B
Vue
56 lines
837 B
Vue
<template lang="html">
|
|
<v-tabs
|
|
v-if="creature"
|
|
slot="extension"
|
|
color="secondary"
|
|
:value="value"
|
|
centered
|
|
grow
|
|
max="100px"
|
|
@change="e => $emit('input', e)"
|
|
>
|
|
<v-tab>
|
|
Stats
|
|
</v-tab>
|
|
<v-tab>
|
|
Features
|
|
</v-tab>
|
|
<v-tab>
|
|
Inventory
|
|
</v-tab>
|
|
<v-tab>
|
|
Spells
|
|
</v-tab>
|
|
<v-tab>
|
|
Persona
|
|
</v-tab>
|
|
<v-tab>
|
|
Tree
|
|
</v-tab>
|
|
</v-tabs>
|
|
</template>
|
|
|
|
<script>
|
|
import Creatures from '/imports/api/creature/Creatures.js';
|
|
|
|
export default {
|
|
props: {
|
|
value: {
|
|
type: Number,
|
|
required: true,
|
|
},
|
|
},
|
|
meteor: {
|
|
creature(){
|
|
return Creatures.findOne(this.$route.params.id);
|
|
},
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style lang="css" scoped>
|
|
.v-tabs__container--grow .v-tabs__div {
|
|
max-width: 120px !important;
|
|
}
|
|
</style>
|