[+] 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> <template>
<div class="collapse"> <div class="collapse">
<slot></slot> <h3 v-html="displayTitle"></h3>
<div class="content">
<slot></slot>
</div>
</div> </div>
</template> </template>
<script lang="ts"> <script lang="ts">
import {Options, Vue} from 'vue-class-component'; import {Options, Vue} from 'vue-class-component';
import {Prop} from "vue-property-decorator";
@Options({components: {}}) @Options({components: {}})
export default class Collapse extends Vue export default class Collapse extends Vue
{ {
@Prop() title!: string
get displayTitle(): string
{
return decodeURIComponent(this.title)
}
} }
</script> </script>
<style lang="sass"> <style lang="sass">
.collapse .collapse
display: none .content
display: none
</style> </style>