From: Eduardo San Martin Morote <posva13@gmail.com>
Date: Sat, 28 Mar 2020 20:40:04 +0000 (+0100)
Subject: docs: add breaking change to list
X-Git-Tag: v4.0.0-alpha.4~4
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=9a61e83244518e79c6859cf13c09c08e5857ce3c;p=thirdparty%2Fvuejs%2Frouter.git

docs: add breaking change to list
---

diff --git a/README.md b/README.md
index 5e41c708..1b2f4cf1 100644
--- a/README.md
+++ b/README.md
@@ -13,6 +13,12 @@ Since the library is still unstable **and because we want feedback** on bugs and
 - `mode: 'history'` -> `history: createWebHistory()`
 - Catch all routes (`/*`) must now be defined using a parameter with a custom regex: `/:catchAll(.*)`
 
+#### Improvements
+
+These are technically breaking changes but they fix an inconsistent behavior.
+
+- Pushing or resolving a non existant named route throws an error instead of navigating to `/` and displaying nothing.
+
 ### Missing features
 
 - `keep-alive` is not yet supported
diff --git a/playground/views/LongView.vue b/playground/views/LongView.vue
index a1e06a7f..8abe02e9 100644
--- a/playground/views/LongView.vue
+++ b/playground/views/LongView.vue
@@ -1,6 +1,6 @@
 <template>
   <section>
-    <div class="long">
+    <div class="long" id="top">
       This one is long: {{ route.params.n }}. Go down to click on a link
     </div>
     <p class="long">
@@ -9,16 +9,18 @@
         >/long-{{ Number(route.params.n || 0) + 1 }}</router-link
       >
     </p>
+    <a href="#top">Go to top</a>
   </section>
 </template>
 
 <script>
-import { defineComponent, inject } from 'vue'
+import { defineComponent } from 'vue'
+import { useRoute } from '../../src'
 
 export default defineComponent({
   name: 'LongView',
   setup() {
-    const route = inject('route')
+    const route = useRoute()
     return { route }
   },
 })