From: Eduardo San Martin Morote <posva13@gmail.com>
Date: Wed, 29 Sep 2021 08:14:26 +0000 (+0200)
Subject: docs: fix suspense example
X-Git-Tag: v4.0.12~9
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=a56fce2544314447f73805d05c77813129fc8156;p=thirdparty%2Fvuejs%2Frouter.git

docs: fix suspense example
---

diff --git a/docs/api/index.md b/docs/api/index.md
index 1273d6c0..e95b80e4 100644
--- a/docs/api/index.md
+++ b/docs/api/index.md
@@ -168,21 +168,21 @@ If you add a `target="_blank"` to your `a` element, you must omit the `@click="n
 `<router-view>` exposes a `v-slot` API mainly to wrap your route components with `<transition>` and `<keep-alive>` components.
 
 ```html
-<Suspense>
-  <template #default>
-    <router-view v-slot="{ Component, route }">
-      <transition :name="route.meta.transition || 'fade'" mode="out-in">
-        <keep-alive>
+<router-view v-slot="{ Component, route }">
+  <transition :name="route.meta.transition || 'fade'" mode="out-in">
+    <keep-alive>
+      <suspense>
+        <template #default>
           <component
             :is="Component"
             :key="route.meta.usePathKey ? route.path : undefined"
           />
-        </keep-alive>
-      </transition>
-    </router-view>
-  </template>
-  <template #fallback> Loading... </template>
-</Suspense>
+        </template>
+        <template #fallback> Loading... </template>
+      </suspense>
+    </keep-alive>
+  </transition>
+</router-view>
 ```
 
 - `Component`: VNodes to be passed to a `<component>`'s `is` prop.