diff --git a/examples/blog/app/pages/[...slug].vue b/examples/blog/app/pages/[...slug].vue
index d04743e81..da8f967a9 100644
--- a/examples/blog/app/pages/[...slug].vue
+++ b/examples/blog/app/pages/[...slug].vue
@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 const route = useRoute()
-const { data: post } = await useAsyncData(() => {
+const pageId = computed(() => 'blog-' + route.path)
+const { data: post } = await useAsyncData(pageId, () => {
   return queryCollection('blog')
     .path(route.path)
     .first()