optovia/webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve hub page: new RouteStepper, HubProductCard with ApexCharts
All checks were successful
Build Docker Image / build (push) Successful in 4m57s
Details

Browse Source 
- Redesign RouteStepper: nodes connected by lines with distance on line
- Add HubProductCard component with sparkline chart background
- Auto-select first product when hub page loads
- Remove placeholder with package-x icon
- Add ApexCharts plugin for charts
- Pass startName/endName to RouteStepper for route visualization
This commit is contained in:
Ruslan Bakiev
2026-01-15 15:45:26 +07:00
parent 97f346ba83
commit 5b620f77b3
7 changed files with 275 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/plugins/apexcharts.client.ts Normal file
View File

@@ -0,0 +1,5 @@
import VueApexCharts from 'vue3-apexcharts'
export default defineNuxtPlugin((nuxtApp) => {
nuxtApp.vueApp.use(VueApexCharts)
})