From: Eduardo San Martin Morote <posva13@gmail.com>
Date: Sat, 21 Nov 2020 09:16:08 +0000 (+0100)
Subject: docs: note about toRef
X-Git-Tag: v4.0.0-rc.5~2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=4fcf59eb92490dd259eb14b9ac403ef64b562f91;p=thirdparty%2Fvuejs%2Frouter.git

docs: note about toRef
---

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'))