24 lines
462 B
Vue
24 lines
462 B
Vue
<template>
|
|
<b-button v-on:click="click" variant="outline-primary" class="moodButton">{{mood.Key}}</b-button>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "ChoiceButton",
|
|
props: {
|
|
mood: Object
|
|
},
|
|
methods: {
|
|
click: function(e) {
|
|
this.$emit('selected', e, this.mood)
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.moodButton {
|
|
font-size: 24pt;
|
|
margin: 1em;
|
|
}
|
|
</style> |