import { createRouter, createWebHistory } from 'vue-router'
import Home from '../pages/Home.vue'
import Produk from '../pages/Produk.vue'
import Brankas from '../pages/Brankas.vue'
import Tray from '../pages/Tray.vue'
import Kasir from '../pages/Kasir.vue'
import InputProduk from '../pages/InputProduk.vue'
import Kategori from '../pages/Kategori.vue'
import EditProduk from '../pages/EditProduk.vue'


const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home
  },
  {
    path: '/produk',
    name: 'Produk',
    component: Produk
  },
  {
    path: '/produk/baru',
    name: 'ProdukBaru',
    component: InputProduk
  },
  {
    path: '/brankas',
    name: 'Brankas',
    component: Brankas
  },
  {
    path: '/nampan',
    name: 'Nampan',
    component: Tray
  },
  {
    path: '/kasir',
    name: 'Kasir',
    component: Kasir
  },
  {
    path: '/kategori',
    name: 'Kategori',
    component: Kategori
  },
  {
    path: '/produk/:id/edit',   // :id = parameter dinamis
    name: 'EditProduk',
    component: EditProduk,
    props: true                 // biar id bisa langsung jadi props di komponen
  }
]


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

export default router