vue-editor-js - npm Package Compare versions

Comparing version 2.1.4 to 2.1.5

package.json

@@ -21,3 +21,3 @@ {
   },
-  "version": "2.1.4",
+  "version": "2.1.5",
   "scripts": {
@@ -24,0 +24,0 @@ "serve": "vue-cli-service serve",

src/index.js

@@ -1,3 +0,62 @@
-import Editor from './Editor.vue';
+import { reactive, defineComponent, onMounted, h } from "vue-demi";
+import EditorJS from "@editorjs/editorjs";
 
-export default Editor
+export const Editor = defineComponent({
+  props: {
+    holder: {
+      type: String,
+      default: () => "vue-editor-js",
+      require: true,
+    },
+    config: {
+      type: Object,
+      default: () => ({}),
+      require: true,
+    },
+    initialized: {
+      type: Function,
+      default: () => {},
+    },
+  },
+  setup: (props) => {
+    const state = reactive({ editor: null });
+
+    function initEditor(props) {
+      destroyEditor();
+      state.editor = new EditorJS({
+        holder: props.holder || "vue-editor-js",
+        ...props.config,
+      });
+      props.initialized(state.editor);
+    }
+
+    function destroyEditor() {
+      if (state.editor) {
+        state.editor.destroy();
+        state.editor = null;
+      }
+    }
+
+    onMounted(() => {
+      console.log('on mounted')
+      initEditor(props)
+    });
+
+    return { props, state };
+  },
+  render(props) {
+    console.log('render')
+    return h(
+      'div',
+      {
+        id: props.holder
+      },
+    )
+  }
+});
+
+export default {
+  install (Vue) {
+    Vue.component('Editor', Editor)
+  }
+}

No alert changes

Improved metrics

Total package byte prevSize

33522

0.4%

Lines of code

713

8.19%

Worsened metrics

Number of package files

10

-9.09%

No dependency changes