Пишем приложение на Vue 3 с Vue Router и Pinia с нуля! Часть 1. Фронтенд-разработка для начинающих

Учимся работать с Vue 3, Vue Router и Pinia — создаем пустое приложение для подбора коктейлей, делаем маршрутизацию через роутер, подключаем хранилище Pinia. Пишем фронтенд и делаем верстку с помощью фреймворка Element Plus. Подключаем CocktailDB API, получаем с сервера данные и расставляем в верстку.

Содержание
00:00:00 Вступление
00:00:22 Смотрим макет
00:01:03 Создаем пустой проект на Vue 3
00:03:38 Чистим проект от лишнего и настраиваем под себя
00:07:58 Настраиваем Vue Router
00:14:45 Пишем общие стили для всех страниц
00:19:06 Пишем компонент-шаблон
00:30:58 Верстаем главную страницу
00:35:21 Настраиваем Pinia
00:41:44 Получаем список ингредиентов с сервера
00:43:37 Стилизация селекта через Element Plus
00:48:55 Верстаем главную страницу
00:51:47 Получаем коктейль по ингредиенту
00:55:41 Выводим список коктейлей на главной
00:57:54 Пишем компонент-превью коктейля
01:09:01 Заключение

Официальный сайт Vue — https://vuejs.org/
Сайт Pinia — https://pinia.vuejs.org/
Сайт CocktailDB API — https://www.thecocktaildb.com/api.php
Сайт Element Plus — https://element-plus.org/en-US/
Макет в Figma — https://www.figma.com/file/OtLxFZwe0O...