import { createRouter, createWebHistory } from "vue-router";
import Home from "./pages/Home.vue";
import Pokedex from "./pages/Pokedex.vue";
import Pokemon from "./pages/Pokemon.vue";
import Settings from "./pages/Settings.vue";
import Maps from "./pages/Maps.vue";
import Games from "./pages/Games.vue";
import Moves from "./pages/Moves.vue";
import NotFound from "./pages/NotFound.vue";

const routes = [
  { path: "/", component: Home, name: "home" },
  { path: "/pokemon/:id", component: Pokedex, name: "pokemon" },
  { path: "/pokemon", component: Pokemon, name: "pokemon-list" },
  { path: "/settings", component: Settings, name: "settings" },
  { path: "/maps", component: Maps, name: "maps" },
  { path: "/games", component: Games, name: "games" },
  { path: "/moves", component: Moves, name: "moves" },
  { path: "/home", component: Home, name: "home-alias" },
  { path: "/:catchAll(.*)", component: NotFound, name: "404" },
];

const history = createWebHistory();

const router = createRouter({
  history,
  routes,
});

export default router;