add some random image

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

@@ -33,7 +33,7 @@ export default {
       ],
       content: `
         <p>This is basic example of implementing images. Try to drop new images here. Reordering also works.</p>
-        <img src="https://66.media.tumblr.com/dcd3d24b79d78a3ee0f9192246e727f1/tumblr_o00xgqMhPM1qak053o1_400.gif" />
+        <img src="https://source.unsplash.com/8xznAGy4HcY/800x600" />
       `,
     })
   },

docs/src/layouts/App/base.scss

@@ -109,6 +109,11 @@ code {
     }
   }
 
+  img {
+    width: 100%;
+    height: auto;
+  }
+
   hr {
     margin: 1rem 0;
   }

packages/extension-image/index.ts

@@ -10,6 +10,8 @@ const Image = createNode({
 
   group: 'inline',
 
+  draggable: true,
+
   addAttributes() {
     return {
       src: {