extract AppPartial component

Towerism · May 25, 2024 · 07b22b9 · 07b22b9
1 parent a7f3144
commit 07b22b9
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 9 deletions.
diff --git a/components/AppPartial.vue b/components/AppPartial.vue
@@ -0,0 +1,14 @@
+<template>
+  <ContentQuery :path="partial" find="one" v-slot="{ data }">
+    <ContentRenderer :value="data" />
+  </ContentQuery>
+</template>
+
+<script setup>
+defineProps({
+  partial: {
+    type: String,
+    required: true,
+  },
+});
+</script>
diff --git a/pages/[...slug].vue b/pages/[...slug].vue
@@ -15,17 +15,9 @@
     >
       <div class="flex flex-col justify-center">
         <ContentDoc />
-        <ContentRenderer :value="data" />
+        <AppPartial partial="/_call-to-action" />
       </div>
     </main>
   </div>
   <AppFooter />
 </template>
-
-<script setup>
-const { data } = await useAsyncData("page-data", () =>
-  queryContent().where({ _path: "/_call-to-action" }).findOne(),
-);
-
-console.log(data);
-</script>