Reverted active logic for seasonedButton.
This commit is contained in:
@@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="seasoned-button">
|
<div class="seasoned-button">
|
||||||
<button type="button" class="button" @click="emit('click')" :class="{ active: isActive }"><slot></slot></button>
|
<button type="button" class="button" @click="emit('click')" :class="{ active: active }"><slot></slot></button>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -13,17 +13,8 @@ export default {
|
|||||||
active: Boolean,
|
active: Boolean,
|
||||||
default: false
|
default: false
|
||||||
},
|
},
|
||||||
data() {
|
|
||||||
isActive: false
|
|
||||||
},
|
|
||||||
beforeMount() {
|
|
||||||
if (this.active) {
|
|
||||||
this.isActive = this.active;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
methods: {
|
methods: {
|
||||||
emit() {
|
emit() {
|
||||||
this.isActive = !this.isActive;
|
|
||||||
this.$emit('click')
|
this.$emit('click')
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user