import { createRouter, createWebHistory } from "vue-router";

import Customers from "./views/Customers.vue";
import Invoices from "./views/Invoices.vue";
import InvoiceDetail from "./views/InvoiceDetail.vue";

export const router = createRouter({
  history: createWebHistory(),
  routes: [
    { path: "/", redirect: "/invoices" },
    { path: "/customers", component: Customers },
    { path: "/invoices", component: Invoices },
    { path: "/invoices/:id", component: InvoiceDetail, props: true },
  ],
});