arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-30 11:47:55 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix(Tabs): use nextTick before marker calc (#2020)

Browse Source
This commit is contained in:
Hash Brown
2024-08-05 17:09:27 +08:00
committed by GitHub
parent 606c7b6567
commit 9c04969022
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/runtime/components/navigation/Tabs.vue
View File

@@ -53,7 +53,7 @@
</template> </template>
<script lang="ts"> <script lang="ts">
import { toRef, ref, watch, onMounted, defineComponent } from 'vue' import { toRef, ref, watch, onMounted, defineComponent, nextTick } from 'vue'
import type { PropType } from 'vue' import type { PropType } from 'vue'
import { TabGroup as HTabGroup, TabList as HTabList, Tab as HTab, TabPanels as HTabPanels, TabPanel as HTabPanel, provideUseId } from '@headlessui/vue' import { TabGroup as HTabGroup, TabList as HTabList, Tab as HTab, TabPanels as HTabPanels, TabPanel as HTabPanel, provideUseId } from '@headlessui/vue'
import { useResizeObserver } from '@vueuse/core' import { useResizeObserver } from '@vueuse/core'
@@ -164,7 +164,10 @@ export default defineComponent({
calcMarkerSize(selectedIndex.value) calcMarkerSize(selectedIndex.value)
}) })
onMounted(() => calcMarkerSize(selectedIndex.value)) onMounted(async () => {
await nextTick()
calcMarkerSize(selectedIndex.value)
})
provideUseId(() => useId()) provideUseId(() => useId())