text: import Vue from 'vue'
  import VueRouter from 'vue-router'
  import Home from '../views/Home.vue'
  import About from '../views/About'
  import BoardListPage from "@/views/BoardListPage";
  import BoardRegisterPage from "@/views/BoardRegisterPage";
  import BoardReadPage from "@/views/BoardReadPage";
  import BoardModifyPage from "@/views/BoardModifyPage";
  
  Vue.use(VueRouter)
  
  const routes = [
    {
      path: '/',
      name: 'Home',
      component: Home
    },
    {
      path: '/about',
      name: 'About',
      component: About
    },
    {
      path: '/board',
      name: 'BoardListPage',
      components: {
        default: BoardListPage
      }
    },
    {
      path: '/board/create',
      name: 'BoardRegisterPage',
      components: {
        default: BoardRegisterPage
      }
    },
    {
      path: '/board/:boardNo',
      name: 'BoardReadPage',
      components: {
        default: BoardReadPage
      },
      props: {
        default: true
      }
    },
    {
      path: '/board/:boardNo/edit',
      name: 'BoardModifyPage',
      components: {
        default: BoardModifyPage
      },
      props: {
        default: true
      }
    }
  ]
  
  const router = new VueRouter({
    mode: 'history',
    base: process.env.BASE_URL,
    routes
  })
  
  export default router
  