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 PokemonLocations from "./pages/PokemonLocations.vue";
import PokemonColors from "./pages/PokemonColors.vue";
import PokemonForms from "./pages/PokemonForms.vue";
import PokemonShapes from "./pages/PokemonShapes.vue";
import PokemonSpecies from "./pages/PokemonSpecies.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/:id/locations", component: PokemonLocations, name: "pokemon-locations" },
  { path: "/pokemon/:id/colors", component: PokemonColors, name: "pokemon-colors" },
  { path: "/pokemon/:id/forms", component: PokemonForms, name: "pokemon-forms" },
  { path: "/pokemon/:id/shapes", component: PokemonShapes, name: "pokemon-shapes" },
  { path: "/pokemon/:id/species", component: PokemonSpecies, name: "pokemon-species" },
  { 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;