code updates

Author: mayashavin

ch03/src/components/CafeComponent.vue

@@ -3,15 +3,15 @@
  <h1>{{ title }}</h1>
  <p>Open time: 8am - 4pm</p>
  <ul>
- <li v-for="menu in menu" :key="menu.id">
- {{ menu.name }}
+ <li v-for="menuItem in menu" :key="menuItem.id">
+ {{ menuItem.name }}
  </li>
  </ul>
  <button @click="acceptPayment">Pay</button>
 </template>
 <script lang="ts">
 import { defineComponent } from "vue";
-import { restaurantMixin } from "@/mixins/restaurantMixin";
+import { restaurantMixin } from "../mixins/restaurantMixin";
 
 export default defineComponent({
  name: "CafeComponent",

ch03/src/components/ListLayout.vue

@@ -1,16 +1,16 @@
 <template>
  <ul class="list-layout">
  <li class="list-layout__item" v-for="item in items" :key="item.id">
- <slot :item="item">
+ <!-- <slot :item="item">
  <div class="list-layout__item__name">{{ item.name }}</div>
  <div class="list-layout__item__description">{{ item.description }}</div>
- </slot>
- <!-- <slot name="thumbnail" :item="item" />
+ </slot> -->
+ <slot name="thumbnail" :item="item" />
  <slot name="main" :item="item">
  <div class="list-layout__item__name">{{ item.name }}</div>
  <div class="list-layout__item__description">{{ item.description }}</div>
  </slot>
- <slot name="actions" :item="item" /> -->
+ <slot name="actions" :item="item" />
  </li>
  </ul>
 </template>

ch04/src/components/ChildComponent.vue

@@ -1,7 +1,7 @@
 <template>
  <h1>Hello {{ name }}!</h1>
 </template>
-<!--<script>
+<!--<script lang="ts">
 // export default {
 // name: 'ChildComponent',
 // props: {

ch06/src/components/UserProfile.vue

@@ -9,7 +9,7 @@
  <p>Blog: {{ user.blog }}</p>
  </div>
  </div>
- <div class="error" v-else="error">
+ <div class="error" v-else-if="error">
  {{ error.message }}
 </div>
 </template>