Но веди как я понял что и ссылка и router-link перехода динамически по страницам без ее перезагрузки?

Если что делайте свгшку

Еб…ное сафари вот какие требования)))

Там норм

с свг будет проще?

Проще ксс этим и фолбэк

ксс это что?

Да нет, зачем

Ну background-clip:text с префиксом

Проще всего сделать это через размер background

Это как?

https://codepen.io/professorxanax/pen/eYMOZdW

background-size поставить 100% 0 и менять до 100% 100% анимируя

а если текст это свг??

Тогда все еще проще, в разы

Сделай сам.
1. Компонент-обертка модалка (с телепортом в рут) и слотом для контента
2. Композибл, который создает vnode и монтирует.
Код могу только завтра кинуть. Но думаю намёк понятен 🙈

Да тоже самое, только режимы наложения чуть хуже поддерживаются

Есть пример?

Ставишь svg как маску

да понятен и есть такие примеры

тут вопрос сроков и универсальности

Я был фанатом вью-жс-модал. На вью3 юзал, что и ты, но… куча оверхеда и багов. 3 часа все-таки потратил на велосипед. Но толк есть…, хотя бы потому что через промис модалку открываю и минималка подконтрольная

так вот свою модалку компонент гораздо универсальней можешь сделать,чем тратить часы на поиск какой либо фичи из библиотеки, тем более требования могут расти и в конце концеов может оказаться так,что модалока от плагина не будет поддерживать ту иил иную вещь

🌈<dialog>

Глянь плиз если шариш, как такую свгешку залить цветом с анимацией с низу вверх?

Сделай блок, поставь на него mask свою svgшку и залей его снизу вверх

Всем привет. Подскажите плиз возможно ли сделать provide/inject реактивным, чтобы ребенок обновлял данные когда они меняются в родителе и передаются по provide/inject? Читал в документации что можно через computed, но не понимаю как это сделать, если у меня буль. Буду благодарен любому примеру. Спасибо

provide: {
getA: () => this.a
}

inject:[‘getA’],
computed:{
a(){
return this.getA()
}
}

Вот тип того, они предлагают делать через computed, то есть передавать не значение , а функцию , возвращающую значение

Вариант второй — завернуть это в объект, что тоже будет реактивным

ооо спасибо!

How to make provide/inject reactive

Еще варианты)

Вот этот помог, еще раз спасибо)

Ребята help. Не могу понять — какой смысл использовать тег router-link вместо ссылки если router-link также является ссылкой

Router link для роутинга толтко в рамках твоего spa на вью, ссылка для перехода на другой урл например

Но веди как я понял что и ссылка и router-link перехода динамически по страницам без ее перезагрузки ?

Попробуй и славни их поведения в рамках приложения

зачем тебе там vite-plugin-vue2, если ты же сам сказал, что тебе нужен vue3 🤦‍♂️
я только что свежий проект создал и сам убедился, что всё прекрасно работает, если просто взять и в alias прописать нужный файл, как я выше говорил.

Изначально хотел vue2 использовать, но в итоге это настроил
https://github.com/andrefelipe/vite-php-setup

Всем привет, есть интересный вопрос,

vue 3 compositon
script setup
в разметке на инпуте висит ref.
<input ref=»test» >
По дефолту при загрузке страницы этот инпут с ref на v-if=»false».
поэтому этот ref не существует,
кто-нибудь знает, как его потом получить?

И да, через v-show все работает корректно и через querySelector понятное дело тоже все работает как должно

Ну, как отработает твое условие на v-if, ты сможешь получить к нему доступ

а вот и нет ))

я также думал

А ты написал thi.$nextTick(()=>{this.$refs.a}) или settimeout(()=>{this.$refs.a},0)

$event с самим элементом тоже не могу передавать

К ref нужно привязывать переменную с ref

А как дожидаешься отработки v-if?

Попробуй одно из двух, таймаут точно сработает)

У него тип проблема в том, что v-if отработал, но элемент еще не замаунтился, потому ref пустой

при клике на кнопку отрабатывает функция, которая делает блок видимым и дальше обращаюсь к элементу, который, как раз появляется

только в сетапе это будет
await nextTick()
или
nextTick().then