Reports

I found solution, it seems to work.

<LazyModalsCategories v-if="isShowCategoriesModal || isModalOpened" />

<LazyModalsAuth v-if="isShowAuthModal || isModalOpened" />

<LazyModalsSettings v-if="isShowSettingsModal || isModalOpened" />

For every my lazy-modal component I added one more condition to "v-if" block. All needed modals I mathed with this "isModalOpened" variable.

const isModalOpened = ref(false);

And after this, in onMounted I switch it

onMounted(async () => {
  // some my code

  isModalOpened.value = true;

  nextTick(() => {
    isModalOpened.value = false;
  })
});

We won't see any changes on the page, we won't see this modal "tick-opening", but now first time modal (hand) opening should be momental

79214435