From ac32299ccb9fb5ee0deaebb9a97f4f3eec5dbdb7 Mon Sep 17 00:00:00 2001
From: dasDaniel <dasDaniel@users.noreply.github.com>
Date: Fri, 16 Oct 2020 09:16:35 -0700
Subject: [PATCH] Update v3 directive example to have quoted string

I've seen this cause confusion several times. The examples don't show a variable `yellow` defined, and because a string is expected the example, as is, will fail. I believe adding the extra `'` quotes will make it clearer, and for anyone copy-pasting won't cause issues. Alternatively, the variable could be shown, but that would make examples longer.
---
 src/guide/migration/custom-directives.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/guide/migration/custom-directives.md b/src/guide/migration/custom-directives.md
index bcd199302c..4bdaab2e01 100644
--- a/src/guide/migration/custom-directives.md
+++ b/src/guide/migration/custom-directives.md
@@ -27,7 +27,7 @@ In Vue 2, custom directives were created by using the hooks listed below to targ
 Here’s an example of this:
 
 ```html
-<p v-highlight="yellow">Highlight this text bright yellow</p>
+<p v-highlight="'yellow'">Highlight this text bright yellow</p>
 ```
 
 ```js
@@ -68,7 +68,7 @@ const MyDirective = {
 The resulting API could be used like this, mirroring the example from earlier:
 
 ```html
-<p v-highlight="yellow">Highlight this text bright yellow</p>
+<p v-highlight="'yellow'">Highlight this text bright yellow</p>
 ```
 
 ```js