upgrade markdown-it

Author: tianyong90

package.json

@@ -19,7 +19,7 @@
   },
   "lint-staged": {
     "*.{js,ts}": [
-      "lerna run lint:fix",
+      "eslint --fix",
       "git add"
     ]
   },

packages/example/package.json

@@ -3,9 +3,8 @@
   "version": "0.1.4",
   "private": true,
   "scripts": {
-    "dev": "yarn webpack-dev-server --config webpack.config.js",
-    "lint": "eslint --ext .js,.ts src",
-    "lint:fix": "yarn run lint --fix"
+    "dev": "yarn webpack-dev-server --config webpack.config.js --open",
+    "lint": "eslint --ext .js,.ts src"
   },
   "dependencies": {
     "github-markdown-css": "^3.0.1",

packages/example/src/example.scss

@@ -1,3 +1,6 @@
+@import "~github-markdown-css/github-markdown.css";
+@import "~prism-themes/themes/prism-atom-dark.css";
+
 html,
 body {
   padding: 0;
@@ -13,9 +16,6 @@ body {
   box-shadow: 0 10px 10px rgba(0, 0, 0, 0.225)
 }
 
-@import "~github-markdown-css/github-markdown.css";
-@import "~prism-themes/themes/prism-atom-dark.css";
-
 div[class*="language-"] {
   position: relative;
   z-index: 100;

packages/vue-markdown-loader/README.md

@@ -2,7 +2,7 @@
 
 [简体中文](./README-CN.md)
 
-This is a webpack laoder that can load markdown file. With proper configuration, the loader can convert markdown file content into `vue sfc` component object or into html string, so it can be chained with vue-loader or html-loader.
+This is a webpack loader that can load markdown files. With proper configuration, the loader can convert markdown file content into `vue sfc` component object or into html string, so it can be chained with vue-loader or html-loader.
 
 The project is inspired by [vuepress](https://github.com/vuejs/vuepress), we reused most of its source code and made some improvements to allow it being used in non-vuepress project.
 
@@ -16,9 +16,9 @@ If you are interested in Vuepress, please visit [vuepress](https://github.com/vu
 npm i @tianyong90/vue-markdown-loader -S
 ```
 
-## Useage
+## Usage
 
-### sue along with vue-loader
+### Use along with vue-loader
 
 Generally, it is recommended to be used with `vue-loader`
 
@@ -80,7 +80,7 @@ export default {
 </style>
 ```
 
-### along with html-loader
+### Use along with html-loader
 
 `vue-markdown-loader` can parse markdown and return html string which can be loaded by `html-loader`
 
@@ -126,13 +126,13 @@ Hello:
 
 ![加载后的 html](./images/md-html-string.png)
 
-### use it alone
+### Use it alone
 
-`vue-markdown-loader` can parse markdown file and return an object whick contains hteml and frontmattter data of the file.
+`vue-markdown-loader` can parse markdown file and return an object which contains html and frontmattter data of the file.
 
 1. configuration
 
-add rule for .md file in webpack.config.js
+add rule for `.md` file in webpack.config.js
 
 ```js
 module: {
@@ -166,7 +166,7 @@ import Hello from 'hello.md'
 console.log(Hello)
 ```
 
-the variable `Html` contains 2 property, `attributes`(frontmatter data) and `html`(html content), looks lick below:
+the variable `Html` contains 2 property, `attributes`(frontmatter data) and `html`(html content), looks like below:
 
 ![加载后的对象](./images/md-raw-object.png)
 

packages/vue-markdown-loader/jest.config.js

@@ -2,8 +2,6 @@ module.exports = {
   preset: 'ts-jest',
   testEnvironment: 'node',
   blobals: {
-    'ts-jest': {
-
-    }
-  }
-};
+    'ts-jest': {},
+  },
+}

packages/vue-markdown-loader/package.json

@@ -3,26 +3,26 @@
   "version": "0.1.4",
   "description": "A simple webpack loader that transform markdown file to vue compoennt.",
   "keywords": [
-    "vue loader",
-    "markdown-loader"
+    "markdown-loader",
+    "vue loader"
   ],
-  "main": "lib/index.js",
-  "files": [
-    "lib"
-  ],
-  "author": "tianyong90 <412039588@qq.com>",
   "repository": {
     "type": "git",
     "url": "https://github.com/tianyong90/vue-markdown-loader.git"
   },
   "license": "MIT",
+  "author": "tianyong90 <412039588@qq.com>",
+  "files": [
+    "lib"
+  ],
+  "main": "lib/index.js",
   "scripts": {
-    "dev": "yarn tsc --watch",
     "build": "yarn tsc",
+    "dev": "yarn tsc --watch",
+    "lint": "eslint --ext .js,.ts src test",
+    "lint:fix": "yarn run lint --fix",
     "release": "node build/release.js",
-    "test": "jest --config=jest.config.js",
-    "lint": "eslint --ext .js,.ts src",
-    "lint:fix": "yarn run lint --fix"
+    "test": "jest --config=jest.config.js"
   },
   "dependencies": {
     "chalk": "^2.4.2",
@@ -33,7 +33,7 @@
     "highlight.js": "^9.15.6",
     "loader-utils": "^1.2.3",
     "lru-cache": "^5.1.1",
-    "markdown-it": "^9.0.0",
+    "markdown-it": "^10.0.0",
     "markdown-it-anchor": "^5.0.2",
     "markdown-it-chain": "^1.3.0",
     "markdown-it-container": "^2.0.0",
@@ -62,9 +62,7 @@
     "eslint-plugin-prettier": "^3.0.1",
     "eslint-plugin-promise": "^4.0.0",
     "eslint-plugin-standard": "^4.0.0",
-    "execa": "^2.0.3",
     "jest": "^24.7.1",
-    "listr": "^0.14.1",
     "nodemon": "^1.19.1",
     "prettier": "^1.14.3",
     "ts-jest": "^24.0.2",

packages/vue-markdown-loader/test/jest.config.js

@@ -5,13 +5,7 @@ module.exports = {
   transform: {
     '^.+\\.tsx?$': 'ts-jest',
   },
-  testMatch: [
-    "<rootDir>/test/tests/*.test.ts"
-  ],
+  testMatch: ['<rootDir>/test/tests/*.test.ts'],
   coverageDirectory: '<rootDir>/test/coverage',
-  moduleFileExtensions: [
-    'ts',
-    'tsx',
-    'js'
-  ],
+  moduleFileExtensions: ['ts', 'tsx', 'js'],
 }

packages/vue-markdown-loader/test/setup.js

@@ -1,17 +1,8 @@
 module.exports = {
-  "roots": [
-    "<rootDir>/src"
-  ],
-  "transform": {
-    "^.+\\.tsx?$": "ts-jest"
+  roots: ['<rootDir>/src'],
+  transform: {
+    '^.+\\.tsx?$': 'ts-jest',
   },
-  "testRegex": "(/__tests__/.*|(\\.|/)(test|spec))\\.tsx?$",
-  "moduleFileExtensions": [
-    "ts",
-    "tsx",
-    "js",
-    "jsx",
-    "json",
-    "node"
-  ],
+  testRegex: '(/__tests__/.*|(\\.|/)(test|spec))\\.tsx?$',
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
 }