import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router';
import HomeView from '../views/HomeView.vue';
import ShoppingList from '../views/ShoppingList.vue';
import AddItem from '../views/AddItem.vue';

const routes: Array<RouteRecordRaw> = [
  {
    path: "/",
    name: "home",
    component: HomeView,
  },
  {
    path: "/shopping-list",
    name: "shopping-list",
    component: ShoppingList,
  },
  {
    path: "/add-item",
    name: "add-item",
    component: AddItem,
  },
];

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

export default router;