Стек технологий

• Nuxt 3 (TypeScript, Composition API)
• Pinia
• Element Plus UI
• Chart.js
• Nuxt Color Mode (light/dark)
• TailwindCSS

Возможности

• Фильтры периодов: Сегодня, Неделя, Месяц, Пользовательский диапазон
• Линейный график с категориями
• Карточки метрик: Выручка, Заказы, Средний чек, Уникальные пользователи
• Генерация мок-данных server/api/mockGenerator.ts
• Pinia store: stores/dashboard.ts
• Корпоративная цветовая тема (индиго/фиолетовый) и тёмный режим

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

1. Установка:

npm install

2. Запуск в режиме разработки:

npm run dev

Структура проекта

• pages/index.vue: главная страница с компоновкой
• stores/dashboard.ts: фильтры и логика загрузки, производные серии
• components/DateRangePicker.vue: диапазон филтрации
• components/MetricCard.vue: статистические карточки
• components/SalesLineChart.vue: линейный график Chart.js
• server/api/dashboard.ts: детерминированные мок-данные по диапазону дат
• plugins/*.client.ts: регистрация Element Plus и Chart.js
• assets/tailwind.css: кастомные стили TailwindCSS