danielroe.dev
[READ-ONLY] Mirror of https://github.com/danielroe/dwaring87-webdev-wedding. Marissa & David's Wedding Website!
Page: use async data to fetch cms data
author
David Waring
date
(Dec 9, 2022, 9:49 AM -0500)
commit
42e14f8c
42e14f8c667b49835151f99e1c059cc4105c3256
parent
a3fcf48d
a3fcf48dfded8a7f885b69d65933bf14a2cb2f4a
+6
-3
+6
-3
pages/page/[slug].vue
+6
-3
pages/page/[slug].vue
···
3
3
const { getPage } = useCMS();
4
4
5
5
let slug = route.params.slug;
6
-
const page = await getPage(slug);
7
-
if ( !page ) {
6
+
const { data:page } = await useAsyncData(`page-${slug}`, async () => {
7
+
return await getPage(slug);
8
+
});
9
+
10
+
if ( !page || !page.value ) {
8
11
showError({ statusCode: 404, statusMessage: 'Page Not Found' })
9
12
}
10
13
useHead({
11
-
title: page.title
14
+
title: page.value.title
12
15
});
13
16
</script>
14
17