opnform/client/components/global/NotionPage.vue

37 lines
617 B
Vue
Raw Normal View History

2023-12-09 14:47:03 +00:00
<template>
<notion-renderer :block-map="blockMap"/>
</template>
<script>
import {NotionRenderer} from 'vue-notion'
export default {
name: 'NotionPage',
components: {NotionRenderer},
props: {
pageId: {
type: String,
required: true
}
},
async setup(props) {
const apiUrl = useAppConfig().notion.worker
2023-12-09 14:47:03 +00:00
const {data} = await useFetch(`${apiUrl}/page/${props.pageId}`)
return {
apiUrl: useAppConfig().notion.worker,
2023-12-09 14:47:03 +00:00
blockMap: data,
}
}
}
</script>
<style lang="scss">
@import "vue-notion/src/styles.css";
2023-12-09 14:47:03 +00:00
.notion-blue {
@apply text-nt-blue;
}
</style>