Что нужно сделать если хотим скопировать сайт и его анимации точь в точь и переложить его на vue?

Сделай генератцию

SSG

Пиши проект на накст и генерируй html ку и постав на домен

Неправильно понимаешь)
SSR — хорош когда стоит задача отдавать клиенту бандл минимального размера. Плюс он лучше индексируется поисковиками
SPA — удобен для построения различных админок и всякого подобного. В том числе больших. Очень больших.

Ему вообще ssg нужно походу

Всем привет, подскажите пжл. Что нужно сделать если хотим скопировать сайт и его анимации точь в точь и переложить его на vue? С чего начать? Есть какие-то Тулы специальные?

Я бы начал с вопроса «Что бы что?»)

Привет!)
Ну Vue имеет свой компонентый подход, так что придется самостоятельно выделить компоненты, логику и все переделать)

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

Понял спасибо, подход глаза боятся а руки делают

Смотря с чего перекладывать. Но в любом сценарии, автоматических инструментов нет. Даже Vue2 -> Vue 3 автоматически не переводится в общем случае

C react на Vue будет переписывать проще, чем с jquery на vue

Я все ручками перетаскивал с html и js. Та ещё веселуха 🤯

Привет , подскажите пожалуйста. есть три компонента вложенных друг в друга. С самого дочернего я передаю в средний эмит и он возвращает true или false в зависимости от выбранной цифры. Напрямую в среднем возвращает всё как надо. Но мне его надо передать в самый родительский и полученный метод я засовываю в новый эмит среднего компонента который в родительский передаёт. и так не получается, пробовал в среднем компоненте передать в data() но на выходе только false на true не меняет . Как понимаю в хуках дело.

https://stackoverflow.com/questions/68502386/change-the-value-of-ref-inside-a-child-component

Спасибо

А Стейт менеджемент не используете ? Pinia например? Проще всего было бы.

Я задание выполняю и надо всё сделать без лишнего)

https://forum.vuejs.org/t/how-to-pass-data-directly-to-grandchild-component/91695

Сорян прошлый на дочерний а тут как раз про 3 компонента

Спасибо большое, за помощь))))

vue 3 typescript. А как сделать, что бы данные которые приходят от api были типизированы. То есть user у меня имеет тип. а не any, но подсказка понятное дело подсвечивается только после присвоения к this.user

у this.user подсвечивается

Еще вопрос стоит ли выносить все запросы к api в сервисный слой. учитывая, что переиспользовать редко какие из них удастся

На этот вопрос пожалуй нет однозначного ответа.
Если будет файл на 9001 строку где все запросы к апи — сделает ли это код лучше?

У меня есть блок .device-hero__device а внутри него картинка и блок с иконками. Как мне их позиционировать? Я вроде попробовал правильно позиционировать по вертикали с помощью отрицательных margin, но при горизонтале токо absolute походу поможет. Я хочу понят как таки моменты решают? Как быть с адаптивом? Можете скинуть несколько примеров где реализовано такое?

Абсолютка. Потом медия кварями меняем, где надо.

Звучит, как ругательство

Слышь, кваря, сюда ходи.

Надо в общем смтуацию смотреть. А так удобно использовать display:flex и align-items:center

Что они дают?

import Vue, { VNode } from ‘vue’

declare global {
namespace JSX {
interface Element extends VNode {}
interface ElementClass extends Vue {}
interface IntrinsicElements {
[elem: string]: any
}
}
}

declare module ‘*.vue’ {
import Vue from ‘vue’
export default Vue
}

Для чего нужны эти два файла?

Здравствуйте. Я нашел c codesandbox с использованием Vue.js. Но почему-то он не работает.

Почему?

Изменилась версия Vue, и он перестал работать? Или я как-то не так открываю?

У вас тоже не работает Vue в этих ссылках?

Юзаю vue router в vite при переходе по ссылкам обновляется страница
Кто знает почему?

Нативные ссылки используешь вместо router-link.

А в роутер линк js предотвращает релоад?

Да, посмотри в доке для подробностей.

Ок спасибо

Т.е там взять просто и заюзать тег <a> не вариант да?

Да, погугли, там просто.

по мойму тоже нет. толку от того, что они в одном месте. если код не переиспользуется

Запросы всегда должны быть в отдельном слое, такой вопрос даже стоять не должен

даже если там в основной будут функции состоящий из return axios.get(endpoint)?

Тут смысл в том, что запросы это тот код, который в будущем может быть переиспользован и скорее всего будет. Потому что требования всегда будут расти и функционал расширяться. Исходя из этого вообще нет смысла писать изначально плохой, непереиспользуемый код.
Да и вообще, компонент не должен заниматься технической реализацией получения/отправкой данных. Он должен вызывать конкретный метод сервиса и ему не должно быть интересно, что там внутри происходит.

Всем добрый день, кто-нибудь знает где можно взять ключи на вебсторм?

Что можно еще в этом слое делать кроме переиспользования? обрабатывать ошибки запроса/валидации кажется лучше в компоненте. Мапить как то полученные данные? вот тут возможно в сервисном слое. хотя пока такой надобности нет.

а есть какой нибудь примет, лаконичной и верной реализации?