From 4fcf59eb92490dd259eb14b9ac403ef64b562f91 Mon Sep 17 00:00:00 2001
From: Eduardo San Martin Morote <posva13@gmail.com>
Date: Sat, 21 Nov 2020 10:16:08 +0100
Subject: [PATCH] docs: note about toRef

---
 docs/guide/advanced/extending-router-link.md | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/docs/guide/advanced/extending-router-link.md b/docs/guide/advanced/extending-router-link.md
index 7c00b6a3..46973c5c 100644
--- a/docs/guide/advanced/extending-router-link.md
+++ b/docs/guide/advanced/extending-router-link.md
@@ -9,7 +9,12 @@ Let's extend RouterLink to handle external links as well and adding a custom `in
   <a v-if="isExternalLink" v-bind="$attrs" :href="to" target="_blank">
     <slot />
   </a>
-  <router-link v-else v-bind="$props" custom v-slot="{ isActive, href, navigate }">
+  <router-link
+    v-else
+    v-bind="$props"
+    custom
+    v-slot="{ isActive, href, navigate }"
+  >
     <a
       v-bind="$attrs"
       :href="href"
@@ -57,6 +62,8 @@ export default {
   },
 
   setup(props) {
+    // toRef allows us to extract one prop and keep it reactive
+    // https://v3.vuejs.org/api/refs-api.html#toref
     const { navigate, href route, isActive, isExactActive } = useLink(toRef(props, 'to'))
 
 
-- 
2.47.3