import { createRouter, createWebHistory } from 'vue-router'
import Home from '../pages/Home.vue'
import About from '../pages/About.vue'
import My from '../pages/My.vue'
import Item from '../pages/Item.vue'
import MyCoupon from '../pages/MyCoupon.vue'
import MyOrder from '../pages/MyOrder.vue'
import MyAllowance from '../pages/MyAllowance.vue'
import MyAllowanceForm from '../pages/MyAllowanceForm.vue'
import MyBank from '../pages/MyBank.vue'

const routes = [
  { path: '/', name: 'Home', component: Home },
  { path: '/about', name: 'About', component: About },
  { path: '/my', name: 'My', component: My },
  { path: '/item/:id', name: 'Item', component: Item },
  { path: '/my/coupon', name: 'MyCoupon', component: MyCoupon },
  { path: '/my/order', name: 'MyOrder', component: MyOrder },
  { path: '/my/allowance', name: 'MyAllowance', component: MyAllowance },
  { path: '/my/allowance/form', name: 'MyAllowanceForm', component: MyAllowanceForm },
  { path: '/my/bank', name: 'MyBank', component: MyBank },
]

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