ogerly 9891f5bd8e Add 'frontend/' from commit 'd820caba3ffcf0e94e3740ee7a25e583176d6df0'
git-subtree-dir: frontend
git-subtree-mainline: a866d737678d48a6a32d93a12c166f882626e87d
git-subtree-split: d820caba3ffcf0e94e3740ee7a25e583176d6df0
2021-02-23 15:37:04 +01:00

34 lines
562 B
Vue

<template>
<div
class="tab-pane"
v-show="active"
:id="id || title"
:class="{ active: active }"
:aria-expanded="active"
>
<slot></slot>
</div>
</template>
<script>
export default {
name: 'tab-pane',
props: ['title', 'id'],
inject: ['addTab', 'removeTab'],
data() {
return {
active: false
};
},
mounted() {
this.addTab(this);
},
destroyed() {
if (this.$el && this.$el.parentNode) {
this.$el.parentNode.removeChild(this.$el);
}
this.removeTab(this);
}
};
</script>
<style></style>