From d4e1668b2bdcbb5fb5c4913fc97a7e61cb8d193c Mon Sep 17 00:00:00 2001
From: Sajjad Ali <6752546+sajjadalis@users.noreply.github.com>
Date: Mon, 9 Oct 2023 15:34:07 +0500
Subject: [PATCH] Fixed issues: nuxt-3.md (#19950)

---
 contributors.yml                                     |  1 +
 .../headless-cms/build-static-website/nuxt-3.md      | 12 ++++++------
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/contributors.yml b/contributors.yml
index 603da5c7be..8f6fd2098a 100644
--- a/contributors.yml
+++ b/contributors.yml
@@ -76,3 +76,4 @@
 - Zehir
 - programmarchy
 - koredeycode
+- sajjadalis
diff --git a/docs/guides/headless-cms/build-static-website/nuxt-3.md b/docs/guides/headless-cms/build-static-website/nuxt-3.md
index 45ae9ad36b..482efff562 100644
--- a/docs/guides/headless-cms/build-static-website/nuxt-3.md
+++ b/docs/guides/headless-cms/build-static-website/nuxt-3.md
@@ -98,7 +98,7 @@ Create a new directory called `pages` and a new file called `index.vue` inside o
 <script setup>
 const { $directus, $readItems } = useNuxtApp()
 
-const global = await useAsyncData('global', () => {
+const { data: global } = await useAsyncData('global', () => {
   return $directus.request($readItems('global'))
 })
 </script>
@@ -128,7 +128,7 @@ of the top-level pages.
 const { $directus, $readItem } = useNuxtApp()
 const route = useRoute()
 
-const page = await useAsyncData('page', () => {
+const { data: page } = await useAsyncData('page', () => {
   return $directus.request($readItem('pages', route.params.slug))
 })
 
@@ -159,7 +159,7 @@ Create the following fields in your `posts` data model:
 - a text input field called `title`
 - a WYSIWYG input field called `content`
 - an image relational field called `image`
-- a datetime selection field called `published` - set the type to 'date'
+- a datetime selection field called `publish_date` - set the type to 'date'
 - a many-to-one relational field called `author` with the related collection set to `authors`
 
 In Roles & Permissions, give the Public role read access to the `authors`, `posts`, and `directus_files` collections.
@@ -179,7 +179,7 @@ Inside of the `pages` directory, create a new subdirectory called `blog` and a n
 <script setup>
 const { $directus, $readItems } = useNuxtApp()
 
-const posts = await useAsyncData('posts', () => {
+const { data: posts } = await useAsyncData('posts', () => {
   return $directus.request(
 	$readItems('posts', {
 		fields: ['slug', 'title', 'publish_date', { 'author': [ 'name' ] }],
@@ -221,7 +221,7 @@ Each blog post links to a page that does not yet exist. In the `pages/blog` dire
 
 ```vue
 <template>
-	<img :src="`${$directus.url}/assets/${post.image.filename_disk}?width=600`" alt="" />
+	<img :src="`${$directus.url}assets/${post.image.filename_disk}?width=600`" alt="" />
 	<h1>{{post.title}}</h1>
 	<div v-html="post.content"></div>
 </template>
@@ -230,7 +230,7 @@ Each blog post links to a page that does not yet exist. In the `pages/blog` dire
 const { $directus, $readItem } = useNuxtApp()
 const route = useRoute()
 
-const post = await useAsyncData('post', () => {
+const { data: post } = await useAsyncData('post', () => {
   return $directus.request(
     $readItem('posts', route.params.slug, {
       fields: ['*', { '*': ['*'] }]