Пишем приложение на Vue 3 с Vue Router и Pinia с нуля! Часть 4. Фронтенд-разработка админки рецептов

Описание

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

Содержание
00:00:00 Вступление
00:00:33 Получаем данные о категориях, ингредиентах и кухнях с сервера Free Meal API
00:13:12 Добавляем элементы форм на странице редактирования рецепта
00:24:04 Нормализуем список ингредиентов в рецепте
00:32:55 Выводим список ингредиентов
00:38:26 Создаем кнопку добавления нового ингредиента
00:39:56 Создаем кнопки удаления ингредиентов
00:41:48 Добавляем пропсы в компонент кнопки и стилизуем его
00:45:28 Стилизуем таблицу ингредиентов
00:48:19 Заключение

Официальный сайт Vue — https://vuejs.org/
Сайт Element Plus — https://element-plus.org/en-US/
Сайт API — https://www.themealdb.com/api.php