docs: 📝 moving examples to be imported

docs/.vuepress/code-examples/source/basic.vue

@@ -0,0 +1,15 @@
+<template>
+  <vue-editor v-model="content" />
+</template>
+
+<script>
+import { VueEditor } from "vue2-editor";
+
+export default {
+  components: { VueEditor },
+
+  data: () => ({
+    content: "<h1>Some initial content</h1>"
+  })
+};
+</script>

docs/.vuepress/code-examples/source/custom-image-handler.vue

@@ -0,0 +1,15 @@
+<template>
+  <vue-editor v-model="content" />
+</template>
+
+<script>
+import { VueEditor } from "vue2-editor";
+
+export default {
+  components: { VueEditor },
+
+  data: () => ({
+    content: "<h1>Some initial content</h1>"
+  })
+};
+</script>

docs/.vuepress/code-examples/source/custom-modules.vue

@@ -0,0 +1,15 @@
+<template>
+  <vue-editor v-model="content" />
+</template>
+
+<script>
+import { VueEditor } from "vue2-editor";
+
+export default {
+  components: { VueEditor },
+
+  data: () => ({
+    content: "<h1>Some initial content</h1>"
+  })
+};
+</script>

docs/.vuepress/code-examples/source/custom-toolbar.vue

@@ -0,0 +1,20 @@
+<template>
+  <vue-editor v-model="content" :editor-toolbar="customToolbar" />
+</template>
+
+<script>
+import { VueEditor } from "vue2-editor";
+
+export default {
+  components: { VueEditor },
+
+  data: () => ({
+    content: "<h1>Html For Editor</h1>",
+    customToolbar: [
+      ["bold", "italic", "underline"],
+      [{ list: "ordered" }, { list: "bullet" }],
+      ["image", "code-block"]
+    ]
+  })
+};
+</script>

docs/.vuepress/code-examples/source/event-listening.vue

@@ -0,0 +1,15 @@
+<template>
+  <vue-editor v-model="content" />
+</template>
+
+<script>
+import { VueEditor } from "vue2-editor";
+
+export default {
+  components: { VueEditor },
+
+  data: () => ({
+    content: "<h1>Some initial content</h1>"
+  })
+};
+</script>

docs/.vuepress/code-examples/source/live-preview.vue

@@ -0,0 +1,18 @@
+<template>
+  <div>
+    <vue-editor v-model="content" />
+    <div>{{ content }}</div>
+  </div>
+</template>
+
+<script>
+import { VueEditor } from "vue2-editor";
+
+export default {
+  components: { VueEditor },
+
+  data: () => ({
+    content: "<h1>Some initial content</h1>"
+  })
+};
+</script>

docs/.vuepress/code-examples/source/multiple-editors.vue

@@ -0,0 +1,15 @@
+<template>
+  <vue-editor v-model="content" />
+</template>
+
+<script>
+import { VueEditor } from "vue2-editor";
+
+export default {
+  components: { VueEditor },
+
+  data: () => ({
+    content: "<h1>Some initial content</h1>"
+  })
+};
+</script>

docs/.vuepress/code-examples/source/save-content.vue

@@ -0,0 +1,55 @@
+<template>
+  <div>
+    <button @click="saveContent">Save</button>
+    <vue-editor v-model="content" />
+  </div>
+</template>
+
+<script>
+import { VueEditor } from "vue2-editor";
+
+export default {
+  components: { VueEditor },
+
+  data: () => ({
+    content: "<h1>Some initial content</h1>"
+  }),
+
+  methods: {
+    handleSavingContent() {
+      // You have the content to save
+      console.log(this.content);
+    }
+  }
+};
+</script>
+
+<template>
+  <div id="app">
+    <button @click="saveContent"></button>
+    <vue-editor v-model="content"></vue-editor>
+  </div>
+</template>
+
+<script>
+import { VueEditor } from "vue2-editor";
+
+export default {
+  components: {
+    VueEditor
+  },
+
+  data() {
+    return {
+      content: "<h3>Initial Content</h3>"
+    };
+  },
+
+  methods: {
+    handleSavingContent() {
+      // You have the content to save
+      console.log(this.content);
+    }
+  }
+};
+</script>

docs/.vuepress/code-examples/source/set-contents.vue

@@ -0,0 +1,24 @@
+<template>
+  <div>
+    <button @click="setEditorContent">Set Editor Content</button>
+    <vue-editor v-model="content" />
+  </div>
+</template>
+
+<script>
+import { VueEditor } from "vue2-editor";
+
+export default {
+  components: { VueEditor },
+
+  data: () => ({
+    content: null
+  }),
+
+  methods: {
+    setEditorContent() {
+      this.content = "<h1>Html For Editor</h1>";
+    }
+  }
+};
+</script>

docs/.vuepress/code-examples/source/set-focus.vue

@@ -0,0 +1,24 @@
+<template>
+  <div>
+    <button @click.prevent="focusEditor">Focus Editor</button>
+    <vue-editor ref="editor" v-model="content" />
+  </div>
+</template>
+
+<script>
+import { VueEditor } from "vue2-editor";
+
+export default {
+  components: { VueEditor },
+
+  data: () => ({
+    content: "<h1>Some initial content</h1>"
+  }),
+
+  methods: {
+    focusEditor() {
+      this.$refs.editor.quill.focus();
+    }
+  }
+};
+</script>

docs/.vuepress/config.js

@@ -1,14 +1,14 @@
-const path = require("path");
+// const path = require("path");
 const { version } = require("../../package.json");
 
 module.exports = {
   head: [
-    [
-      "script",
-      {
-        src: "https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"
-      }
-    ],
+    // [
+    //   "script",
+    //   {
+    //     src: "https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"
+    //   }
+    // ],
     [
       "script",
       {
@@ -30,9 +30,8 @@ module.exports = {
   ],
   plugins: [
     require("./plugin.js"),
-    "live",
-    "demo-block",
-
+    // "live",
+    // "demo-block",
     [
       "@vuepress/google-analytics",
       {
@@ -62,24 +61,8 @@ module.exports = {
             link: "https://github.com/davidroyer/vue2-editor/releases"
           }
         ],
-        // sidebar: ["/installation.md", "/started.md", "/usage.md"]
         sidebar: ["/guide/", "/examples/"]
-        // sidebar: 'auto'
-      }
-    }
-  },
-
-  /**
-   * Allows the use of using aliases in files for easier importing
-   */
-  configureWebpack: {
-    resolve: {
-      alias: {
-        "@root": path.resolve(__dirname, "../../"),
-        "@src": path.resolve(__dirname, "../../src"),
-        "@mixins": path.resolve(__dirname, "../../src/mixins"),
-        "@utils": path.resolve(__dirname, "../../utils"),
-        "@images": "./../images"
+        // sidebar: ["/guide/", "/examples/", "/playground.md"]
       }
     }
   }

docs/.vuepress/styles/palette.styl

@@ -29,4 +29,4 @@ img {
 }
 
 .vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__code
-  overflow: scroll
+  overflow: scroll