<div :class="isDisabled ? 'disabled' : ''"></div>
<!-- Will render <div class></div> -->

<div :class="isDisabled ? 'disabled' : null"></div>
<!-- Will render <div></div> -->

const router = createRouter({
  scrollBehavior(to, from, savedPosition) {
    // всегда прокручивать до верха
    return { top: 0 }
  },
})

const router = createRouter({
  // нативное поведение при навигации с помощью кнопок назад/вперед:
  scrollBehavior(to, from, savedPosition) {
    if (savedPosition) {
      return savedPosition
    } else {
      return { top: 0 }
    }
  },
})

const router = createRouter({
  // задержка перед скролом
  scrollBehavior(to, from, savedPosition) {
    return new Promise((resolve, reject) => {
      setTimeout(() => {
        resolve({ left: 0, top: 0 })
      }, 500)
    })
  },
})

<template>
  <ThirdPartyComponent ref="compRef"/>
</template>

<script setup lang="ts">
const compRef: Ref<typeof ThirdPartyComponent | null> = ref(null);
const input: HTMLInputElement | null = compRef.value?.$el.querySelector('input');
</script>