[+] Add title to collapse

This commit is contained in:
Hykilpikonna
2021-12-25 01:19:39 -05:00
parent f69d1f9fa9
commit 802c404ce1
+12 -2
View File
@@ -1,20 +1,30 @@
<template>
<div class="collapse">
<slot></slot>
<h3 v-html="displayTitle"></h3>
<div class="content">
<slot></slot>
</div>
</div>
</template>
<script lang="ts">
import {Options, Vue} from 'vue-class-component';
import {Prop} from "vue-property-decorator";
@Options({components: {}})
export default class Collapse extends Vue
{
@Prop() title!: string
get displayTitle(): string
{
return decodeURIComponent(this.title)
}
}
</script>
<style lang="sass">
.collapse
display: none
.content
display: none
</style>