Created NotionPages store

client/pages/integrations.vue

@@ -5,30 +5,25 @@
         <h1 class="sm:text-5xl mb-4">
           Integrations
         </h1>
-        <NotionPage class="mb-8 integration-page" page-id="492c2bbb31404481b9faaaf407e59640" />
+        <NotionPage :block-map="blockMap" :loading="loading"  />
       </div>
     </div>
-    <open-form-footer />
+    <open-form-footer/>
   </div>
 </template>
 
-<script>
-export default {
-  layout: 'default',
+<script setup>
+// metaTitle: { type: String, default: 'Integrations' },
+// metaDescription: { type: String, default: 'You can connect your OpnForms to other services via our two integrations: Zapier and Webhooks. Use our integrations to automate your various workflows.' }
 
-  props: {
-    metaTitle: { type: String, default: 'Integrations' },
-    metaDescription: { type: String, default: 'You can connect your OpnForms to other services via our two integrations: Zapier and Webhooks. Use our integrations to automate your various workflows.' }
-  },
+import {useNotionPagesStore} from "~/stores/notion_pages.js";
+import {computed} from "vue";
 
-  data: () => ({
-  }),
+const notionPageStore = useNotionPagesStore()
+await notionPageStore.load('492c2bbb31404481b9faaaf407e59640')
 
-  computed: {},
-
-  mounted () {
-  }
-}
+const loading = computed(() => notionPageStore.loading)
+const blockMap = computed(() => notionPageStore.getByKey('492c2bbb31404481b9faaaf407e59640'))
 </script>
 
 <style lang="scss">

client/pages/privacy-policy.vue

@@ -5,25 +5,23 @@
         <h1 class="sm:text-5xl">
           Privacy Policy
         </h1>
-        <NotionPage page-id="9c97349ceda7455aab9b341d1ff70f79" />
+        <NotionPage :block-map="blockMap" :loading="loading"  />
       </div>
     </div>
     <open-form-footer />
   </div>
 </template>
 
-<script>
+<script setup>
 
-export default {
-  layout: 'default',
+// metaTitle: 'Privacy Policy',
 
-  data: () => ({
-    metaTitle: 'Privacy Policy',
-  }),
+import {useNotionPagesStore} from "~/stores/notion_pages.js";
+import {computed} from "vue";
 
-  computed: {},
+const notionPageStore = useNotionPagesStore()
+await notionPageStore.load('9c97349ceda7455aab9b341d1ff70f79')
 
-  mounted () {
-  }
-}
+const loading = computed(() => notionPageStore.loading)
+const blockMap = computed(() => notionPageStore.getByKey('9c97349ceda7455aab9b341d1ff70f79'))
 </script>

client/pages/terms-conditions.vue

@@ -5,24 +5,22 @@
         <h1 class="sm:text-5xl">
           Terms & Conditions
         </h1>
-        <NotionPage page-id="246420da2834480ca04047b0c5a00929" />
+        <NotionPage :block-map="blockMap" :loading="loading"  />
       </div>
     </div>
-    <open-form-footer />
+    <open-form-footer/>
   </div>
 </template>
 
-<script>
-export default {
-  layout: 'default',
+<script setup>
+// metaTitle: 'Terms & Conditions',
 
-  data: () => ({
-    metaTitle: 'Terms & Conditions',
-  }),
+import {useNotionPagesStore} from "~/stores/notion_pages.js";
+import {computed} from "vue";
 
-  computed: {},
+const notionPageStore = useNotionPagesStore()
+await notionPageStore.load('246420da2834480ca04047b0c5a00929')
 
-  mounted () {
-  }
-}
+const loading = computed(() => notionPageStore.loading)
+const blockMap = computed(() => notionPageStore.getByKey('246420da2834480ca04047b0c5a00929'))
 </script>