Mdx improve (jaredpalmer#712)

* add peer dependency, ipdate install instruction

* update readme

README.md

@@ -109,6 +109,7 @@ As of Razzle 2.0, you can add your plugins to modify your setup.
 * [TypeScript](https://github.com/jaredpalmer/razzle/tree/master/packages/razzle-plugin-typescript)
 * [Vue](https://github.com/jaredpalmer/razzle/tree/master/packages/razzle-plugin-vue)
 * [Elm](https://github.com/jaredpalmer/razzle/tree/master/packages/razzle-plugin-elm)
+* [MDX](https://github.com/jaredpalmer/razzle/tree/master/packages/razzle-plugin-mdx)
 * [See All](https://www.npmjs.com/search?q=razzle-plugin)
 
 #### Using Plugins

packages/razzle-plugin-mdx/README.md

@@ -5,42 +5,41 @@ This package contains a plugin for using mdx with Razzle
 ## Usage in Razzle Projects
 
 ```
-npm i razzle-plugin-mdx
+npm i razzle-plugin-mdx @mdx-js/tag
 ```
 
 or
 
 ```
-yarn add razzle-plugin-mdx
+yarn add razzle-plugin-mdx @mdx-js/tag
 ```
 
-
 ### Using the plugin with the default options
 
 ```js
 // razzle.config.js
 
 module.exports = {
-  plugins: ['mdx'],
+  plugins: ["mdx"]
 };
 ```
 
 ### With custom options:
 
 ```js
 // razzle.config.js
-const images = require('remark-images')
-const emoji = require('remark-emoji')
+const images = require("remark-images");
+const emoji = require("remark-emoji");
 
 module.exports = {
   plugins: [
     {
-      name: 'mdx',
+      name: "mdx",
       options: {
         mdPlugins: [images, emoji]
-      },
-    },
-  ],
+      }
+    }
+  ]
 };
 ```
 

packages/razzle-plugin-mdx/package.json

@@ -16,5 +16,8 @@
   "devDependencies": {
     "jest": "20.0.4",
     "razzle": "^2.2.0"
+  },
+  "peerDependencies": {
+    "@mdx-js/tag": ">=0.14.1"
   }
 }