主要分為兩個路由

|
|--/ (首頁)
|  |
|--/reservation/:id (訂房頁面)
|
|--/* (404 Not Found頁面)
           

Folder Structure

.
└── House Hotel Trio/
    ├── public/
    │   └── favicon.ico
    ├── src/
    │   ├── apis/
    │   │   ├── api.js
    │   │   └── request.js
    │   ├── assets/
    │   │   ├── images
    │   │   └── logo.svg
    │   ├── components/
    │   │   ├── BookingCalendar.vue
    │   │   ├── BookingForm.vue
    │   │   ├── HomeCarousel.vue
    │   │   ├── RoomCards.vue
    │   │   ├── RoomCarousel.vue
    │   │   └── SingleRoomDetail.vue
    │   ├── router/
    │   │   └── index.js
    │   ├── stores/
    │   │   └── date.js
    │   ├── views/
    │   │   ├── HomeView.vue
    │   │   ├── ReservationView.vue
    │   │   └── NotFound.vue
    │   ├── alert.js
    │   ├── App.vue
    │   └── main.js
    ├── .env
		├── index.css
    ├── .eslintrc.cjs
    ├── .gitignore
    ├── .prettierrc.json
    ├── index.html
    ├── package-lock.json
    ├── package.json
    ├── postcss.config.js
    ├── README.md
    ├── tailwind.config.js
    └── vite.config.js