fix: fixed accordion
This commit is contained in:
@@ -1,13 +1,26 @@
|
||||
<template>
|
||||
<div
|
||||
:class="contentClasses"
|
||||
>
|
||||
<slot />
|
||||
<div ref="content">
|
||||
<div
|
||||
v-if="isLoaded"
|
||||
:class="contentClasses"
|
||||
>
|
||||
<slot />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { useAccordionContentClasses } from '@/components/Accordion/composables/useAccordionContentClasses'
|
||||
import { onMounted, ref } from 'vue'
|
||||
|
||||
const { contentClasses } = useAccordionContentClasses()
|
||||
const isLoaded = ref(false)
|
||||
const content = ref()
|
||||
|
||||
let contentClasses
|
||||
|
||||
onMounted(() => {
|
||||
const accordionHeaderClasses = useAccordionContentClasses(content)
|
||||
contentClasses = accordionHeaderClasses.contentClasses
|
||||
isLoaded.value = true
|
||||
})
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user