import { createRouter, createWebHistory } from "vue-router";
import Pokedex from "./components/Pokedex.vue";
import Page404 from "./components/404.vue";
import About from "./components/About.vue";

const routes = [
  { path: "/", component: About, name: "home" },
  { path: "/pokemon/:id", component: Pokedex, name: "pokemon" },
  { path: "/about", component: About, name: "about" },
  { path: "/:catchAll(.*)", component: Page404, name: "404" },
];

const history = createWebHistory();

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

export default router;