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