fix issue when refreshing /demo/fetch-data page

.theme/pages/demo/fetching-data.vue

@@ -40,7 +40,7 @@ const repository = ref([]);
 const contributors = ref();
 
 // Fetch Once - Server or Client
-const { data: organization } = await useAsyncData(() => getOrganization(organizationName));
+const { data: organization } = await useAsyncData("organization", async() => await getOrganization(organizationName));
 
 // Fetch Once - Only Client
 onBeforeMount(async() => repository.value = await getRepository(repositoryFullName));

network.md

@@ -21,6 +21,16 @@ We do the one-time fetch operations on the server side and bring them to the
 client side by making the server side of `useAsyncData` true. Use this method if
 this data is not expected to change frequently.
 
+> :info:
+>
+> We experienced issues when using `ContentQuery` and `useAsyncData` within 
+> script setup, we solved the issue by using _async_ and _await_ keywords when 
+>invoking async function in `useAsyncData()` 
+>
+> ```javascript
+> await useAsyncData(async () => await ...);
+> ```
+
 ### Fetch Once - Only Client
 
 We use `onMounted`, `onBeforeMount` etc. methods for the fetch operations