fix: content modals missing nexttick

2026-07-31 21:26:40 +00:00 · 2026-06-16 13:29:53 +01:00
2 changed files with 6 additions and 4 deletions
@@ -45,7 +45,7 @@

 <script setup lang="ts">
 import { DownloadIcon, XIcon } from '@modrinth/assets'
-import { ref } from 'vue'
+import { nextTick, ref } from 'vue'

 import Admonition from '#ui/components/base/Admonition.vue'
 import ButtonStyled from '#ui/components/base/ButtonStyled.vue'
@@ -100,7 +100,8 @@ const buttonsDisabled = ref(false)
 const visibleCount = ref(props.count)
 const visibleBackupTip = ref(props.backupTip)

-function show() {
+async function show() {
+	await nextTick()
 	visibleCount.value = props.count
 	visibleBackupTip.value = props.backupTip
 	modal.value?.show()
@@ -54,7 +54,7 @@

 <script setup lang="ts">
 import { TrashIcon, XIcon } from '@modrinth/assets'
-import { ref } from 'vue'
+import { nextTick, ref } from 'vue'

 import Admonition from '#ui/components/base/Admonition.vue'
 import ButtonStyled from '#ui/components/base/ButtonStyled.vue'
@@ -113,7 +113,8 @@ const buttonsDisabled = ref(false)
 const visibleCount = ref(props.count)
 const visibleItemType = ref(props.itemType)

-function show() {
+async function show() {
+	await nextTick()
 	visibleCount.value = props.count
 	visibleItemType.value = props.itemType
 	modal.value?.show()