Developing Booking Form

src/router/routes.ts

@@ -11,8 +11,9 @@ import IndexPageVue from 'src/pages/IndexPage.vue';
 import ProfilePageVue from 'src/pages/ProfilePage.vue';
 import TaskPageVue from 'src/pages/TaskPage.vue';
 import { RouteRecordRaw } from 'vue-router';
-import BoatReservationPageVue from 'src/pages/schedule/BoatReservationPage.vue';
 import SchedulePageView from 'pages/schedule/SchedulePageView.vue';
+import BoatReservationPageVue from 'src/pages/schedule/BoatReservationPage.vue';
+import BoatScheduleViewVue from 'src/pages/schedule/BoatScheduleView.vue';
 
 const routes: RouteRecordRaw[] = [
   {
@@ -48,6 +49,11 @@ const routes: RouteRecordRaw[] = [
             component: BoatReservationPageVue,
             name: 'reserve-boat',
           },
+          {
+            path: 'view',
+            component: BoatScheduleViewVue,
+            name: 'boat-schedule',
+          },
         ],
       },
       {