import { createApp } from 'vue'
import { createPinia } from 'pinia'
import { createWebHistory, createRouter } from 'vue-router'

import './assets/main.scss'

import App from './App.vue'
import Home from './components/Home.vue'
import Promo from './components/Promo/index.vue'
import PromoMain from './components/Promo/main.vue'
import PromoItem from './components/Promo/item.vue'

const routes = [
    { path: '/', component: Home },
    { path: '/promo', component: Promo },
    { path: '/promo/:page', component: PromoMain },
    { path: '/promo/:page/:target', component: PromoMain },
    { path: '/promo/:page/item/:name', component: PromoItem },
]

const router = createRouter({
    history: createWebHistory(),
    routes,
})


const pinia = createPinia()
const app = createApp(App)

app.use(router)
app.use(pinia)
app.mount('#app')