update exports

Author: janniks

example/package.json

@@ -13,8 +13,7 @@
     "katex": "^0.15.2",
     "nuxt": "^2.15.8",
     "prismjs": "^1.27.0",
-    "vue-katex": "^0.5.0",
-    "vue-prism-component": "^1.2.0"
+    "vue-katex": "^0.5.0"
   },
   "devDependencies": {
     "vue-notion": "^1.4.1"

example/plugins/custom-code.vue

@@ -1,42 +1,30 @@
 <template>
   <pre
-    :class="['notion-code', langClass]"
+    class="notion-code-wrapper"
     :style="{
       border: '3px solid tomato',
     }"
   >
-    <PrismComponent v-if="prism && supported" :language="lang">{{ properties.title[0][0] }}</PrismComponent>
-    <code v-else :class="langClass">{{ properties.title[0][0] }}</code>
+    <NotionCode v-bind="pass"/>
   </pre>
 </template>
 
 <script>
-import Prism from "prismjs";
-import PrismComponent from "vue-prism-component";
-
-import { Blockable, blockComputed, blockProps } from "vue-notion";
+import { NotionCode, Blockable, blockComputed, blockProps } from "vue-notion";
 
 export default {
   extends: Blockable,
   name: "CustomCode",
-  components: { PrismComponent },
-  props: { ...blockProps, overrideLang: String, overrideLangClass: String },
-  data() {
-    return { Prism };
+  components: {
+    NotionCode,
+  },
+  props: {
+    ...blockProps,
+    //> your own additional props
   },
   computed: {
     ...blockComputed,
-    lang() {
-      return (
-        this.overrideLang || this.properties?.language?.[0]?.[0]?.toLowerCase()
-      );
-    },
-    langClass() {
-      return this.overrideLangClass || `language-${this.lang}`;
-    },
-    supported() {
-      return this.Prism.languages[this.lang];
-    },
+    //> your own additional `computed` methods go here
   },
 };
 </script>

package.json

@@ -15,7 +15,7 @@
   ],
   "scripts": {
     "serve": "vue-cli-service serve dev/serve.js",
-    "example": "npm run example:install && cd example && npm run build && npm start",
+    "example": "npm run example:generate && cd example && npm start",
     "example:install": "npm pack && cd example && npm install && npm install ../*.tgz",
     "example:generate": "npm run example:install && cd example && npm run build && npm run generate",
     "build": "cross-env NODE_ENV=production rollup --config build/rollup.config.js",

src/components/index.js

@@ -1,2 +1,28 @@
 /* eslint-disable import/prefer-default-export */
 export { default as NotionRenderer } from "./notion-renderer.vue";
+
+export { default as NotionBookmark } from "../blocks/bookmark.vue";
+export { default as NotionCallout } from "../blocks/callout.vue";
+export { default as NotionCode } from "../blocks/code.vue";
+export { default as NotionColumn } from "../blocks/column.vue";
+export { default as NotionDecorator } from "../blocks/decorator.vue";
+export { default as NotionEquation } from "../blocks/equation.vue";
+export { default as NotionHeader } from "../blocks/header.vue";
+export { default as NotionList } from "../blocks/list.vue";
+export { default as NotionPage } from "../blocks/page.vue";
+export { default as NotionQuote } from "../blocks/quote.vue";
+export { default as NotionTable } from "../blocks/table.vue";
+export { default as NotionTableRow } from "../blocks/table-row.vue";
+export { default as NotionText } from "../blocks/text.vue";
+export { default as NotionTodo } from "../blocks/todo.vue";
+export { default as NotionToggle } from "../blocks/toggle.vue";
+
+export { default as NotionAsset } from "../blocks/helpers/asset.vue";
+export { default as NotionColumnSpacer } from "../blocks/helpers/column-spacer.vue";
+export { default as NotionFigure } from "../blocks/helpers/figure.vue";
+export { default as NotionFragment } from "../blocks/helpers/fragment.vue";
+export { default as NotionImage } from "../blocks/helpers/image.vue";
+export { default as NotionNestedList } from "../blocks/helpers/nested-list.vue";
+export { default as NotionPageHeader } from "../blocks/helpers/page-header.vue";
+export { default as NotionPageIcon } from "../blocks/helpers/page-icon.vue";
+export { default as NotionTextRenderer } from "../blocks/helpers/text-renderer.vue";