tiptapify 0.0.18 → 0.0.20

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tiptapify",
   "types": "./index.d.ts",
-  "version": "0.0.18",
+  "version": "0.0.20",
   "description": "Tiptap3 editor with Vuetify3 menu implementation",
   "exports": {
     ".": {

package/src/components/Toolbar/Index.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import { Editor } from "@tiptap/vue-3";
 import Items from "@tiptapify/components/Toolbar/Items.vue";
-import { defineProps, inject, PropType, ref, Ref } from 'vue'
+import { defineProps, inject, PropType, Ref } from 'vue'
 import { toolbarSections } from '@tiptapify/types/toolbarSections'
 
-import { default as items } from "@tiptapify/components/Toolbar/items";
+import items from "@tiptapify/components/Toolbar/items";
 
 const props = defineProps({
   variantBtn: { type: String, default () { return 'elevated' }},
@@ -18,15 +18,16 @@ const props = defineProps({
   theme: { type: String, default() { return 'light' } },
   rounded: { type: String, default() { return '0' } },
   toolbarScrollable: { type: Boolean, default() { return false } },
-  customExtensions: { type: Array as PropType<toolbarSections>, default() { return {} } },
+  customExtensions: { type: Array as PropType<toolbarSections>, default() { return [] } },
 })
 
 const editor = inject('tiptapifyEditor') as Ref<Editor>
 
-const toolbarItems = ref<Ref<toolbarSections>>(items)
+// this prevents from overriding the default items
+const toolbarItems = [...items]
 
-Object.keys(props.customExtensions).forEach(extension => {
-  toolbarItems.value.push(props.customExtensions[extension])
+Object.keys(props.customExtensions).forEach((key: any) => {
+  toolbarItems.push(props.customExtensions[key])
 })
 
 </script>

package/src/components/editorExtensions.ts

@@ -113,10 +113,13 @@ export function editorExtensions (placeholder: string, slashCommands: boolean, c
     extensions.push(SlashCommands.configure({ suggestion }))
   }
 
-  if (Object.keys(customExtensions).length) {
-    for (const customExtension of Object.values(customExtensions)) {
-      if (typeof customExtension.extensions !== 'undefined') {
-        for (const extension of customExtension.extensions) {
+  if (customExtensions.length) {
+    for (const customExtension of customExtensions) {
+      for (const component of customExtension.components) {
+        if (typeof component.extensions === 'undefined') {
+          continue
+        }
+        for (const extension of component.extensions) {
           extensions.push(extension)
         }
       }