Skip to content

Cannot read properties of undefined (reading 'type') #48

@dasturchioka

Description

@dasturchioka

Describe the bug
I was getting blocks from my page and I faced this error

Screenshots

Image

Desktop (please complete the following information):

  • OS: Arch Linux
  • Brave

My code:
/pages/blog/[slug].vue

<script lang="ts" setup>
const { params } = useRoute()
const { slug } = params

const { data } = await useFetch<any>(`/api/blogs/${slug}`)

console.log(data.value)
</script>

<template>
	<div>
		<NotionRenderer :blockMap="data.blocks" fullPage prism />
	</div>
</template>

<style scoped>
@import 'vue3-notion/dist/style.css'; /* optional Notion-like styles */
@import 'prismjs/themes/prism.css';
</style>
// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
	// devtools: { enabled: true },
	css: ['~/assets/css/main.css'],

	postcss: {
		plugins: {
			tailwindcss: {},
			autoprefixer: {},
		},
	},

	ssr: true,
	modules: ['@nuxt/image', '@pinia/nuxt', ['vue3-notion/nuxt', { css: true }]],

	pinia: {
		storesDirs: ['./stores/**', './custom-folder/stores/**'],
	},

	app: {
		pageTransition: { name: 'page', mode: 'out-in', type: 'transition' },
	},

	devtools: {
		enabled: true,
	},

	compatibilityDate: '2025-02-27',
})

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions