plugin-detective / troubleshoot / app / src / components / Bubble.vue

Bubble.vue in Plugin Detective – Troubleshooting Conflicts 1.1.4, at troubleshoot/app/src/components/Bubble.vue

31 lines 581 B

Raw Download Zip

1	<template>
2	<div class="bubble-wrap">
3	<div class="bubble" v-if="open">
4	<div class="close" @click="toggleOpen">
5	<md-icon>close</md-icon>
6	</div>
7	<slot></slot>
8	</div>
9	<div class="toggle" v-else>
10	<div class="open" @click="toggleOpen">
11	<md-icon class="md-accent">chat</md-icon>
12	</div>
13	</div>
14	</div>
15	</template>
16
17	<script>
18	export default {
19	name: 'hello',
20	data () {
21	return {
22	open: true
23	}
24	},
25	methods: {
26	toggleOpen () {
27	this.open = !this.open
28	}
29	}
30	}
31	</script>