chore: testing

davidroyer · davidroyer · commit 1a3c2365b971 · 2019-09-23T01:05:34.000-04:00
diff --git a/src/App.vue b/src/App.vue
@@ -1,16 +1,17 @@
 <template>
   <div id="app">
     <button @click="deleteImage">Delete</button>
-    <VueEditor
+    <!-- <VueEditor
       ref="vEditor"
       v-model="content"
       use-custom-image-handler
-      use-markdown-shortcuts
       @focus="onEditorFocus"
       @blur="onEditorBlur"
       @imageAdded="handleImageAdded"
       @image-removed="handleImageRemoved"
-    />
+    /> -->
+
+    <NEditor v-model="content" />
   </div>
 </template>
 
diff --git a/src/components/NEditor.js b/src/components/NEditor.js
@@ -0,0 +1,52 @@
+/* eslint-disable no-console */
+import Vue from "vue";
+
+let Quill;
+if (!Vue.prototype.$isServer) Quill = require("quill");
+
+export default {
+  props: {
+    content: {
+      type: String,
+      default: ""
+    }
+  },
+
+  mounted() {
+    const el = this.$refs.nEditor;
+    // const Quill = await require('quill')
+    this.quill = new Quill(el, {
+      modules: { toolbar: true },
+      theme: "snow"
+    });
+
+    this.handleInitialContent();
+    this.quill.on("text-change", this.handleTextChange);
+    // import('quill').then((module) => {
+    //   const Quill = module.default
+    //   const el = this.$refs.nEditor
+    //   this.quill = new Quill(el, {
+    //     modules: { toolbar: true },
+    //     theme: 'snow'
+    //   })
+
+    //   this.handleInitialContent()
+    //   this.quill.on('text-change', this.handleTextChange)
+    // })
+  },
+
+  methods: {
+    handleInitialContent() {
+      if (this.content) this.quill.root.innerHTML = this.content;
+      // if (this.value) this.$refs.qEditor.innerHTML = this.value // Set initial editor content
+    }
+  },
+
+  render() {
+    return (
+      <div className="quillWrapper">
+        <div ref="nEditor" />
+      </div>
+    );
+  }
+};
diff --git a/src/components/VComp.js b/src/components/VComp.js
@@ -0,0 +1,11 @@
+export default {
+  props: {
+    message: {
+      type: String,
+      default: "Default Message"
+    }
+  },
+  render() {
+    return <p>hello {this.message}</p>;
+  }
+};
diff --git a/src/components/VSimple.vue b/src/components/VSimple.vue
@@ -0,0 +1,11 @@
+<template>
+  <div>
+    <h2>Simple Component</h2>
+  </div>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/src/components/VueEditor.vue b/src/components/VueEditor.vue
@@ -15,19 +15,19 @@
 </template>
 
 <script>
+// import Quill from 'quill'
 import Vue from "vue";
 import defaultToolbar from "@/helpers/default-toolbar";
 import oldApi from "@/helpers/old-api";
 import mergeDeep from "@/helpers/merge-deep";
+// import MarkdownShortcuts from '@/helpers/markdown-shortcuts'
 
 let Quill;
 let MarkdownShortcuts;
+// if (!Vue.prototype.$isServer) Quill = require('quill')
 if (!Vue.prototype.$isServer) {
-  console.log("In !Vue.prototype.$isServer");
-
   Quill = require("quill");
-  MarkdownShortcuts = require("@/helpers/markdown-shortcuts").default;
-  console.log("TCL: MarkdownShortcuts", MarkdownShortcuts);
+  MarkdownShortcuts = require("@/helpers/markdown-shortcuts");
 }
 
 export default {
diff --git a/src/index.js b/src/index.js
@@ -1,10 +1,18 @@
 /* eslint-disable no-console */
 import VueEditor from "./components/VueEditor.vue";
+import VSimple from "./components/VSimple.vue";
+import VComp from "./components/VComp.js";
+import NEditor from "./components/NEditor.js";
+console.log("TCL: VComp", VComp);
+// eslint-disable-next-line no-console
+console.log("TCL: VueEditor", VueEditor);
 
 const Plugin = {
   install(Vue, options = {}) {
-    console.log("install -> options", options);
     Vue.component("VueEditor", VueEditor);
+    Vue.component("VSimple", VSimple);
+    Vue.component("VComp", VComp);
+    Vue.component("NEditor", NEditor);
   }
 };
 
