{"library":"vue-notion","type":"library","category":null,"description":"Vue-notion is a Vue.js component library designed to render content from Notion pages within a Vue 3 application. It parses Notion's block structure, typically obtained via the Notion API, and translates it into interactive Vue components, enabling developers to display rich text, images, lists, code blocks, and other Notion content types directly in their web apps. The current stable version is 3.0.0, released recently to target lower ES features for broader browser and environment compatibility. While there isn't a strict, regular release cadence, the project receives updates to introduce new features and fix bugs, as evidenced by patches for issues like the `??` operator bug in earlier versions and fixes for empty table rows. Key differentiators include its tight integration with Vue 3's reactivity system, support for custom component overrides via `blockOverrides` to highly customize the rendering of specific Notion block types, and an `imageOptions` API for advanced image handling. It also seamlessly integrates with `@janniks/vue3-katex` for mathematical equation rendering, offering a comprehensive solution for Notion content display.","language":"javascript","status":"active","version":"3.0.0","tags":["javascript"],"last_verified":"Wed May 27","install":[{"cmd":"npm install vue-notion","imports":["import { NotionRenderer } from 'vue-notion'"]},{"cmd":"yarn add vue-notion","imports":[]},{"cmd":"pnpm add vue-notion","imports":[]}],"homepage":"https://vue-notion.vercel.app","github":"https://github.com/janniks/vue-notion","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/vue-notion","openapi_spec":null,"status_page":null,"smithery":null,"compatibility":{"summary":{"python_range":"18–22","success_rate":0,"avg_install_s":null,"avg_import_s":null,"wheel_type":null},"url":"https://checklist.day/v1/registry/vue-notion/compatibility"}}