@@ -275,7 +275,7 @@ app.component('todo-list', {
275
275
<todo-list >
276
276
<template v-slot:default =" slotProps" >
277
277
<i class =" fas fa-check" ></i >
278
- <span class =" green" >{{ slotProps.item }}<span >
278
+ <span class =" green" >{{ slotProps.item }}</ span >
279
279
</template >
280
280
</todo-list >
281
281
```
@@ -291,7 +291,7 @@ app.component('todo-list', {
291
291
``` html
292
292
<todo-list v-slot:default =" slotProps" >
293
293
<i class =" fas fa-check" ></i >
294
- <span class =" green" >{{ slotProps.item }}<span >
294
+ <span class =" green" >{{ slotProps.item }}</ span >
295
295
</todo-list >
296
296
```
297
297
@@ -300,7 +300,7 @@ app.component('todo-list', {
300
300
``` html
301
301
<todo-list v-slot =" slotProps" >
302
302
<i class =" fas fa-check" ></i >
303
- <span class =" green" >{{ slotProps.item }}<span >
303
+ <span class =" green" >{{ slotProps.item }}</ span >
304
304
</todo-list >
305
305
```
306
306
@@ -311,7 +311,7 @@ app.component('todo-list', {
311
311
<todo-list v-slot =" slotProps" >
312
312
<todo-list v-slot:default =" slotProps" >
313
313
<i class =" fas fa-check" ></i >
314
- <span class =" green" >{{ slotProps.item }}<span >
314
+ <span class =" green" >{{ slotProps.item }}</ span >
315
315
</todo-list >
316
316
<template v-slot:other =" otherSlotProps" >
317
317
slotProps is NOT available here
@@ -325,7 +325,7 @@ app.component('todo-list', {
325
325
<todo-list >
326
326
<template v-slot:default =" slotProps" >
327
327
<i class =" fas fa-check" ></i >
328
- <span class =" green" >{{ slotProps.item }}<span >
328
+ <span class =" green" >{{ slotProps.item }}</ span >
329
329
</template >
330
330
331
331
<template v-slot:other =" otherSlotProps" >
@@ -358,7 +358,7 @@ function (slotProps) {
358
358
``` html
359
359
<todo-list v-slot =" { item: todo }" >
360
360
<i class =" fas fa-check" ></i >
361
- <span class =" green" >{{ todo }}<span >
361
+ <span class =" green" >{{ todo }}</ span >
362
362
</todo-list >
363
363
```
364
364
0 commit comments