refactoring

docs/src/demos/Extensions/Image/index.vue

@@ -1,5 +1,8 @@
 <template>
   <div v-if="editor">
+    <button @click="addImage">
+      image
+    </button>
     <editor-content :editor="editor" />
   </div>
 </template>
@@ -23,6 +26,14 @@ export default {
     }
   },
 
+  methods: {
+    addImage() {
+      const url = window.prompt('URL')
+
+      this.editor.chain().focus().image({ src: url }).run()
+    },
+  },
+
   mounted() {
     this.editor = new Editor({
       extensions: [

docs/src/layouts/App/base.scss

@@ -110,7 +110,7 @@ code {
   }
 
   img {
-    width: 100%;
+    max-width: 100%;
     height: auto;
   }