О, я тоже верстал этот макет. Где-то полгода назад. Только просто верстал, не на vue, а на обычной сборке. pug+scss+js. Тоже сначала делал ui kit. К слову сказать ui kit там сделан неплохо, вроде бы столько вариантов кнопок и инпутов, но в макете этого и половины не будет использовано. В итоге сверстал весь проект где-то на 70%, сделал фильтры на странице товаров, корзину, оформление, ну т.е. из самого сложного и т.д. А потом плюнул, тупо забил. Переключился на другой макет :)
Нужно было 4 варианта лого прокинуть, у них по 4 состояния, это состояние можно было изменять пропсами в самом svg (Я бы так сделал). Ссылку ненужно встраивать, вдруг ты лого на прелодер повесишь или еще где то, зачем привязка к ссылке
Бро у тебя в хэдере 3 блока с gap 40px [лого, кнопка с поиском, личное] в нутри блоков gap 16 px, чуть декомпозицию измени и да пребудет с тобой хайп))
Совет, не называй компоненты index.vue. У тебя будет открыто куча index.vue потом хуй проссыш че открыто ваще, да и через ctrl+P ни хуя не найти нужный компонент
В FSD вроде все реэкспортится через индекс, но автор не осилил реэкспорты компонентов на вьюшке. P.S. export { default as BydloCode } from '@/path/to';
Попробовал, получилось, теперь импорт будет выглядеть так import { Button } from '@/shared/button'; Спасибо за наводку, думал с sfc vue так нельзя делать.
@@moon.trance суть описанной мной проблемы это не решает. Реэкспорты это дополнение к удобству импорта. А я названии самого компонента. Автор говорит что можно посмотреть на путь к файлу и станет понятно. А я скажу что путь это абстракция которая может меняться. Захочешь ты например перенести какой то компонент в новый проект и что тебе обязательно тянуть и папку в которой он лежит, чтоб сохранить семантику? Короче я за такой подход "./components/base/BaseButton.vue" а вы как хотите. Обнял
Увлекательный сериал)
Я примерно также сижу, только без видео, просто сам с собой пизжу
О, я тоже верстал этот макет. Где-то полгода назад. Только просто верстал, не на vue, а на обычной сборке. pug+scss+js. Тоже сначала делал ui kit. К слову сказать ui kit там сделан неплохо, вроде бы столько вариантов кнопок и инпутов, но в макете этого и половины не будет использовано. В итоге сверстал весь проект где-то на 70%, сделал фильтры на странице товаров, корзину, оформление, ну т.е. из самого сложного и т.д. А потом плюнул, тупо забил. Переключился на другой макет :)
Нужно было 4 варианта лого прокинуть, у них по 4 состояния, это состояние можно было изменять пропсами в самом svg (Я бы так сделал).
Ссылку ненужно встраивать, вдруг ты лого на прелодер повесишь или еще где то, зачем привязка к ссылке
Я уже забыл че там, лоадера не видел, в состояния особо не вглядывался, есть принцип yagni, его придерживаюсь, понадобится доработаем)
Видос топ , даже не зная фреймворка я что то понял для себя. Во👍🏾
Ля, красиво стелишь братан
Вставки мемов тоже топ
Хотелось бы конечно почаще чтобы видосы выходили
А то постоянно забываешь что там было до
Теперь когда работодатель доебется снова с вопросом "почему ты делал кнопку весь день" - буду кидать ему это видео 😅
Бро у тебя в хэдере 3 блока с gap 40px [лого, кнопка с поиском, личное] в нутри блоков gap 16 px, чуть декомпозицию измени и да пребудет с тобой хайп))
Да, как всё элементы соберу, перекомпаную, спасибо)
Дружище поставь пожалуйста гладкие шрифты в винде )
А так спасибо за еще один контент)
Что за музыка у тебя на фоне? Можно ссылку.
zvukipro.com/music/520-muzyka-bez-avtorskih-prav-dlja-youtube.html
А логотип не лучше в ссылку обернуть?
Да, я так и хотел, ещё вернусь к этому)
нахуя FSD, когда у vue есть своя структура?
Зайди в чатик в тг или в личку можешь рассказать какая там структура у вуе)
Совет, не называй компоненты index.vue. У тебя будет открыто куча index.vue потом хуй проссыш че открыто ваще, да и через ctrl+P ни хуя не найти нужный компонент
Почему, ищет, там ещё путь показывает где файлик лежит и по папке можно понять, но сомнения твои понимаю)
В FSD вроде все реэкспортится через индекс, но автор не осилил реэкспорты компонентов на вьюшке.
P.S. export { default as BydloCode } from '@/path/to';
@@moon.trance я так и написал, но чет не завелось с ходу, а разбираться было в лом
Попробовал, получилось, теперь импорт будет выглядеть так import { Button } from '@/shared/button'; Спасибо за наводку, думал с sfc vue так нельзя делать.
@@moon.trance суть описанной мной проблемы это не решает. Реэкспорты это дополнение к удобству импорта. А я названии самого компонента. Автор говорит что можно посмотреть на путь к файлу и станет понятно. А я скажу что путь это абстракция которая может меняться. Захочешь ты например перенести какой то компонент в новый проект и что тебе обязательно тянуть и папку в которой он лежит, чтоб сохранить семантику? Короче я за такой подход "./components/base/BaseButton.vue" а вы как хотите. Обнял