Как во Вью реализовать анимацию как в Свелт с tick ?

Забыл упомянуть - после всего выполненного нужно удалить реактивное выражение которое вызывает animController по изменению activeTab(вместо него явно вызывается декларативный changeTab)

Логическая цепочка принадлежности компонентов

Что делает Tabs: Отображает визуальные компоненты(Tab), добавляет стилизацию активной вкладке.

Что делает animController: Управляет стилизацией визуального компонента(Slide), собирает о нем данные(offsetWidth) и устанавливает активную вкладку

Имеет ли Tabs какую либо связь с Slide: Только косвенную - потому что в Tabs тригерится родитель который анимирует Slide.

Имеется ли надобность Tabs понимать что происходит в animController? По сути нет, передача функции в данном случае - просто делает небольшую явную связь в коде между сменой вкладки и анимацией Slide

Можно ровно также вместо декларативного changeTab менять activeTab и в реактивном выражении по изменению activeTab вызывать animController

У меня в голове свое автоматическое и субъективное понимание таких вещей образовалось, надеюсь я не запутанно его выразил =\

Если сократить все это полотно:
1. Чем тупее компоненты - тем лучше
2. Чем яснее связь между компонентами - тем лучше
3. Дочерний компонент должен знать только необходимое. Если ребенок знает о родителе больше чем нужно то это может плохо закончится(как минимум сказавшись на читабельности кода)

Наксте?

Nuxt.js

Речь о передаваемом в кастомные функции tick? или асинхронный который?

Он не отвечает за анимации. И это чат не про него

который в транзишинах

он отвечает за анимации , и чат про Свелте, и я спрашиваю тех кто имеет опыт работы с Вью, потому что в группе про Вью не понимают о чём речь, так как не работают со Свелт

Так вью а не накст

Вы писали gsap юзаете во Вьюшке? Я просто хочу обратно в Накст перейти ,и мне будет сильно не хватать tick 😁

Вместо вьюшных транзишнов и прочего юзаю autoAlpha чтобы скрывались ноды

autoAlpha устанавливает visibility: hidden когда равно нулю или visible(или inherit, не помню уже) когда больше нуля

И работает как opacity

Я думал может requestAnimationFrame

Нет конечно =\

Слава декларативному gsap

У меня задача будет сменять один градиентный фон на другой с помощью интерполяции и библиотеки https://github.com/d3/d3-interpolate , а также свг и текст анимировать . Например когда юзер null есть кнопка Войти . Когда он зарегался, то Войти постепенно удаляет буквы справо налево и печатает Профиль