diff --git a/.gitignore b/.gitignore
index 7acbd6a..ac1e8f7 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,6 +1,3 @@
 node_modules
 *.log
 .DS_Store
-/index.js
-/index.umd.js
-/dist
diff --git a/index.js b/index.js
new file mode 100644
index 0000000..cc1bac5
--- /dev/null
+++ b/index.js
@@ -0,0 +1,81 @@
+'use strict';
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var prosemirror = _interopDefault(require('prosemirror'));
+var prosemirror_dist_schemaBasic = require('prosemirror/dist/schema-basic');
+var prosemirror_dist_markdown = require('prosemirror/dist/markdown');
+var prosemirror_dist_exampleSetup = require('prosemirror/dist/example-setup');
+var prosemirror_dist_menu = require('prosemirror/dist/menu');
+
+var index = { template: "<div class=vueProseMirror></div>",
+  name: "ProseMirror",
+  props: {
+    content: String,
+    onChange: Function,
+    menuType: {
+      type: String,
+      default: "bar"
+    },
+    options: Object
+  },
+  data: function data() {
+    return {
+      editor: null
+    };
+  },
+
+  computed: {
+    rawMarkdown: function rawMarkdown() {
+      return prosemirror_dist_markdown.defaultMarkdownSerializer.serialize(this.editor.doc);
+    },
+    renderedContent: function renderedContent() {
+      var docFrag = this.editor.doc.content.toDOM();
+      var div = document.createElement("div");
+      div.appendChild(docFrag.cloneNode(true));
+      return div.innerHTML;
+    }
+  },
+  ready: function ready() {
+    var _this = this;
+
+    var editorOptions = Object.assign({
+      schema: prosemirror_dist_schemaBasic.schema,
+      place: this.el,
+      doc: prosemirror_dist_markdown.defaultMarkdownParser.parse(this.content),
+      plugins: [prosemirror_dist_exampleSetup.exampleSetup.config({ menuBar: false, tooltipMenu: false })]
+    }, this.options);
+
+    if (editorOptions.doc === undefined || editorOptions.doc === null) {
+      editorOptions.doc = null;
+      editorOptions.docFormat = null;
+    }
+
+    this.editor = new prosemirror.ProseMirror(editorOptions);
+
+    var menu = prosemirror_dist_exampleSetup.buildMenuItems(prosemirror_dist_schemaBasic.schema);
+    if (this.menuType === "bar") {
+      prosemirror_dist_menu.tooltipMenu.detach(this.editor);
+      prosemirror_dist_menu.menuBar.config({ float: true, content: menu.fullMenu }).attach(this.editor);
+    } else {
+      prosemirror_dist_menu.menuBar.detach(this.editor);
+      prosemirror_dist_menu.tooltipMenu.config({
+        selectedBlockMenu: true,
+        inlineContent: menu.inlineMenu,
+        blockContent: menu.blockMenu
+      }).attach(this.editor);
+    }
+
+    this.editor.on.change.add(function () {
+      if (_this.onChange && typeof _this.onChange === "function") {
+        _this.onChange.apply(null, [_this.rawMarkdown, _this.renderedContent]);
+      }
+    });
+
+    this.$watch("content", function (val) {
+      _this.editor.setDoc(prosemirror_dist_markdown.defaultMarkdownParser.parse(val));
+    });
+  }
+};
+
+module.exports = index;
\ No newline at end of file
diff --git a/package.json b/package.json
index 01db7d2..341c6b4 100644
--- a/package.json
+++ b/package.json
@@ -13,11 +13,9 @@
     "node": ">=4"
   },
   "scripts": {
-    "build:all": "npm run build && npm run build:umd",
     "build": "BUILD_ENV=cjs rollup -c",
-    "build:umd": "BUILD_ENV=umd rollup -c",
     "example": "vbuild --dev -e example",
-    "example:build": "vbuild -e example -t VueProseMirror"
+    "example:build": "vbuild -e example -t VueProsemirror"
   },
   "main": "index.js",
   "files": [