import { createRouter, createWebHistory } from 'vue-router'
import StartPageView from '../views/StartPageView.vue'
import LoginView from '@/views/LoginView.vue'
import CollectionView from '@/views/CollectionView.vue'
import ChartsView from '@/views/ChartsView.vue'
import ParsersView from '@/views/ParsersView.vue'
import PersonalView from '@/views/PersonalView.vue'
import AddMerchView from '@/views/AddMerchView.vue'
import DetailsView from '@/views/DetailsView.vue'
import LabelsView from '@/views/LabelsView.vue'
import ZeroPricesView from '@/views/ZeroPricesView.vue'

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/',
      name: 'startPage',
      component: StartPageView,
    },
    {
      path: '/login',
      name: 'login',
      component: LoginView,
    },
    {
      path: '/personal',
      name: 'personal',
      component: PersonalView,
    },
    {
      path: '/collection',
      name: 'collection',
      component: CollectionView,
    },
    {
      path: '/charts',
      name: 'charts',
      component: ChartsView,
    },
    {
      path: '/parsers',
      name: 'parsers',
      component: ParsersView,
    },
    {
      path: '/add-merch',
      name: 'addMerch',
      component: AddMerchView,
    },
    {
      path: '/details/:merch_uuid',
      name: 'details',
      component: DetailsView,
      props: true,
    },
    {
      path: '/labels',
      name: 'labels',
      component: LabelsView,
    },
    {
      path: '/zeroprices',
      name: 'zeroprices',
      component: ZeroPricesView,
    },
  ],
})

export default router