import { createApp } from 'vue'
import { createRouter, createWebHashHistory } from 'vue-router'
import App from './App.vue'
import './styles/tokens.css'

import ReviewInsights from './components/views/ReviewInsights.vue'
import ConversionDriver from './components/views/ConversionDriver.vue'
import StrengthsWeaknesses from './components/views/StrengthsWeaknesses.vue'
import ProductImprovements from './components/views/ProductImprovements.vue'
import ImageAudit from './components/views/ImageAudit.vue'
import ConversionBlockers from './components/views/ConversionBlockers.vue'
import CatalogOverview from './components/views/CatalogOverview.vue'
import CompetitorAnalysis from './components/views/CompetitorAnalysis.vue'

const router = createRouter({
  history: createWebHashHistory(),
  routes: [
    { path: '/', redirect: '/catalog' },
    { path: '/catalog', component: CatalogOverview },
    { path: '/product/:sku/review-insights', component: ReviewInsights },
    { path: '/product/:sku/conversion-driver', component: ConversionDriver },
    { path: '/product/:sku/strengths-weaknesses', component: StrengthsWeaknesses },
    { path: '/product/:sku/improvements', component: ProductImprovements },
    { path: '/product/:sku/image-audit', component: ImageAudit },
    { path: '/product/:sku/conversion-blockers', component: ConversionBlockers },
    { path: '/product/:sku/competitor-analysis', component: CompetitorAnalysis },
  ]
})

createApp(App).use(router).mount('#app')
