import { createRouter as _createRouter, createWebHistory } from 'vue-router'

import HomeView from '../views/HomeView.vue'
import GameHubView from '../views/GameHubView.vue'
import TierEditorView from '../views/TierEditorView.vue'
import LoginView from '../views/LoginView.vue'
import MyTierListsView from '../views/MyTierListsView.vue'
import AdminView from '../views/AdminView.vue'
import ProfileView from '../views/ProfileView.vue'

export function createRouter() {
  return _createRouter({
    history: createWebHistory(),
    routes: [
      { path: '/', name: 'home', component: HomeView },
      { path: '/games/:gameId', name: 'gameHub', component: GameHubView },
      { path: '/editor/:gameId/new', name: 'newEditor', component: TierEditorView },
      { path: '/editor/:gameId/:tierListId', name: 'editEditor', component: TierEditorView },
      { path: '/login', name: 'login', component: LoginView },
      { path: '/me', name: 'me', component: MyTierListsView },
      { path: '/admin', name: 'admin', component: AdminView },
      { path: '/profile', name: 'profile', component: ProfileView },
    ],
  })
}