Vue Todo

Простой менеджер Todo. Есть возможность добавить todo и отобразить список задач

Ключевые особенности

Стэк

• Vue 3
• Pinia
• Typescript 5+
• Vite
• Bootstrap
• msw

Настройка проекта

• Установка зависимостей

yarn

• создать .env.local и добавить для заглушек апи

VITE_USE_DEV_HTTP_MOCK=true

Запуск среды разработки

yarn dev

Запуск тестов

yarn test:unit

Среда разработки

• Приложение писалось как если бы у него был бэкэнд. Для этого использован msw, который перехватывает fetch
• тесты vitest так же настроены на работу с msv

buildApi

Для работы с api бэка использовал свой подход вдохновленный RTK Query

• в основе лежит composition api и pinia
• стор работает как кэш. При этом разные сторы могут влиять друг на друга через систему тэгов.
• если компонент отключен, то при последующем подключении проверяется валидный ли кэш и если нет происходит запрос на бэк