Fix compile error in HotelList.

Author: smack0007

apps/backend/tsconfig.json

@@ -7,6 +7,5 @@
     "rootDir": "./src",
     "outDir": "./dist"
   },
-  "include": ["src/**/*"],
-  "references": [{ "path": "../../libs/shared/tsconfig.json" }]
+  "include": ["src/**/*"]
 }

apps/frontend/core/src/components/HotelList.vue

@@ -9,7 +9,7 @@ const props = defineProps<{
 <template>
   <ul>
     <li v-for="hotel of props.hotels" :key="hotel.id">
-      <slot name="hotel" v-bind="hotel">{{ hotel.name }}</slot>
+      <slot name="hotel" :hotel="hotel">{{ hotel.name }}</slot>
     </li>
   </ul>
 </template>

apps/frontend/core/src/main.ts

@@ -8,3 +8,5 @@ export {
   HotelList,
   useHotelsStore
 };
+
+

apps/frontend/rooms/src/pages/RoomsPage.vue

@@ -22,7 +22,7 @@ loading.value = false;
 <template>
   <div class="rooms" :aria-busy="loading">
     <HotelList :hotels="hotels">
-      <template #hotel="hotel">
+      <template #hotel="{ hotel }">
         <li class="hotel">
           <h3 class="hotel-name">{{ hotel.name }}</h3>
           <ul>

libs/shared/src/models/Room.ts

@@ -1,4 +1,4 @@
-import { Hotel } from "./Hotel";
+import type { Hotel } from "./Hotel";
 
 export type Room = {
   hotelId: Hotel["id"];