Vue component / es2015 module

Author: lin-toto

.babelrc

@@ -2,5 +2,6 @@
   "presets": [
     ["env", { "modules": false }],
     "stage-3"
-  ]
+  ],
+  "plugins": ["lodash"]
 }

README.md

@@ -1,17 +1,44 @@
 # Markdown*Palettes
 
-> Markdown*Palettes: Markdown editor for the modern web.
+**Markdown*Palettes** is an open-source Markdown editor for the modern web.
 
-**Markdown*Palettes** 是一款开源的Markdown编辑器，基于以下项目构建：
+### Usage
 
-- [Vue.js](https://github.com/vuejs/vue)
-- [marked](https://github.com/chjj/marked)
-- [katex](https://github.com/Khan/KaTeX)
-- [font-awesome](https://github.com/FortAwesome/Font-Awesome)
-- [lodash](https://github.com/lodash/lodash)
+#### Directly use js release
 
-#### 体验
-1. git clone https://github.com/luogu-dev/markdown-palettes.git
-2. cd ./markdown-palettes
-3. npm install
-4. npm run dev
+Get the latest [release](https://github.com/luogu-dev/markdown-palettes/releases).
+
+````html
+<div id="editor"></div>
+<script>
+    var markdownEditor = new MarkdownPalettes("#editor");
+    markdownEditor.editor.setCode("# 233");
+    var code = markdownEditor.editor.getCode();
+</script>
+````
+
+#### Use as a Vue component
+````html
+<div>
+    <markdown-palettes v-model="code"></markdown-palettes>
+</div>
+
+<script>
+    import Editor from 'markdown-palettes'
+    export default {
+        components: {
+            Editor
+        }
+    }
+</script>
+````
+
+#### Development
+```bash
+$ npm install
+$ npm run dev
+```
+
+### Credits
+
+Developed by @darkflames and @lin_toto of the Luogu Dev Team

package-lock.json

@@ -4,7 +4,7 @@
   "version": "0.0.1",
   "author": "Luogu Dev Team",
   "license": "MIT",
-  "private": true,
+  "module": "src/module.js",
   "scripts": {
     "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot",
     "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@@ -32,6 +32,7 @@
     "babel-core": "^6.26.0",
     "babel-eslint": "^8.2.1",
     "babel-loader": "^7.1.2",
+    "babel-plugin-lodash": "^3.3.2",
     "babel-preset-env": "^1.6.0",
     "babel-preset-stage-3": "^6.24.1",
     "clean-webpack-plugin": "^0.1.17",

package.json

@@ -0,0 +1,3 @@
+import Editor from './components/MarkdownPalettes.vue'
+
+export default Editor

src/module.js

@@ -43,7 +43,7 @@ module.exports = {
                 test: /\.(png|jpg|gif|svg|ttf|eot|woff|woff2)$/,
                 loader: 'url-loader',
                 options: {
-                    limit: 20480,
+                    limit: 5000,
                     name: '[name].[ext]?[hash]'
                 }
             }