From 24136fcaf50f526e49c7f55c6328393cedeed0a5 Mon Sep 17 00:00:00 2001
From: skirtle <65301168+skirtles-code@users.noreply.github.com>
Date: Sun, 10 Jan 2021 15:32:59 +0000
Subject: [PATCH] fix: wrap unintended template syntax with `v-pre`

---
 src/guide/component-slots.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/guide/component-slots.md b/src/guide/component-slots.md
index 4e9c2a5f2c..154d4f8a8d 100644
--- a/src/guide/component-slots.md
+++ b/src/guide/component-slots.md
@@ -247,7 +247,7 @@ app.component('todo-list', {
 })
 ```
 
-We might want to replace the `{{ item }}` with a `<slot>` to customize it on parent component:
+We might want to replace the <span v-pre>`{{ item }}`</span> with a `<slot>` to customize it on parent component:
 
 ```html
 <todo-list>
@@ -320,7 +320,7 @@ Note that the abbreviated syntax for default slot **cannot** be mixed with named
 <todo-list v-slot="slotProps">
   <i class="fas fa-check"></i>
   <span class="green">{{ slotProps.item }}</span>
-  
+
   <template v-slot:other="otherSlotProps">
     slotProps is NOT available here
   </template>