From 7472a31831b71115e167600a5191e8989d00a442 Mon Sep 17 00:00:00 2001
From: Daniel Roe <daniel@roe.dev>
Date: Thu, 31 Aug 2023 11:19:55 +0100
Subject: [PATCH 1/2] docs: update examples of dynamic `pageKey`

---
 docs/2.guide/2.directory-structure/1.pages.md | 2 +-
 docs/3.api/2.components/2.nuxt-page.md        | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/docs/2.guide/2.directory-structure/1.pages.md b/docs/2.guide/2.directory-structure/1.pages.md
index dec282c0740e..3caab9c2aeb6 100644
--- a/docs/2.guide/2.directory-structure/1.pages.md
+++ b/docs/2.guide/2.directory-structure/1.pages.md
@@ -205,7 +205,7 @@ If you want more control over when the `<NuxtPage>` component is re-rendered (fo
 <template>
   <div>
     <h1>I am the parent view</h1>
-    <NuxtPage :page-key="someKey" />
+    <NuxtPage :page-key="route => route.fullPath" />
   </div>
 </template>
 ```
diff --git a/docs/3.api/2.components/2.nuxt-page.md b/docs/3.api/2.components/2.nuxt-page.md
index 19b5878b7bf4..01d95ac85233 100644
--- a/docs/3.api/2.components/2.nuxt-page.md
+++ b/docs/3.api/2.components/2.nuxt-page.md
@@ -34,6 +34,13 @@ For example, passing `static` key, `NuxtPage` component is rendered only once wh
 <NuxtPage page-key="static" />
 ```
 
+You can also use a dynamic key based on the current route. (Don't use `$route` object here as it can cause problems with how `<NuxtPage>` renders pages with `<Suspense>`.)
+
+```html
+<NuxtPage :page-key="route => route.fullPath" />
+```
+
+
 Alternatively, `pageKey` can be passed as a `key` value via `definePageMeta` from the `<script>` section of your Vue component in the `/pages` directory.
 
 ```js

From 9c50816f7aae987ab2879ee3a1567a3798da751e Mon Sep 17 00:00:00 2001
From: "autofix-ci[bot]" <114827586+autofix-ci[bot]@users.noreply.github.com>
Date: Thu, 31 Aug 2023 10:21:40 +0000
Subject: [PATCH 2/2] [autofix.ci] apply automated fixes

---
 docs/3.api/2.components/2.nuxt-page.md | 1 -
 1 file changed, 1 deletion(-)

diff --git a/docs/3.api/2.components/2.nuxt-page.md b/docs/3.api/2.components/2.nuxt-page.md
index 01d95ac85233..9d050c5c8696 100644
--- a/docs/3.api/2.components/2.nuxt-page.md
+++ b/docs/3.api/2.components/2.nuxt-page.md
@@ -40,7 +40,6 @@ You can also use a dynamic key based on the current route. (Don't use `$route` o
 <NuxtPage :page-key="route => route.fullPath" />
 ```
 
-
 Alternatively, `pageKey` can be passed as a `key` value via `definePageMeta` from the `<script>` section of your Vue component in the `/pages` directory.
 
 ```js