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 Projects from './components/Projects.vue'
import Game from './components/Game.vue'
import Floorplan from './components/Floorplan/index.vue'
import FloorplanItem from './components/Floorplan/item.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: '/projects', component: Projects },
    { path: '/game', component: Game },
    { path: '/floorplan', component: Floorplan },
    { path: '/floorplan/:id', component: FloorplanItem },
    { path: '/promo', component: Promo },
    { path: '/promo/:page', 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')