feat: append resourceQuery (QingWei-Li#28)

* append resourceQuery

* Add wrapper option

Author: z-ZYS-s

README.md

@@ -64,6 +64,20 @@ Since `v2.0.0`,  this loader will automatically extract script and style tags fr
 }
 ```
 
+### wrapper
+
+You can customize wrapper tag no matter html element tag or vue component tag. Default is 'section'
+
+```js
+{
+  test: /\.md$/,
+  loader: 'vue-markdown-loader',
+  options: {
+    wrapper: 'article',
+  }
+}
+```
+
 ### markdownIt
 
 reference [markdown-it](https://github.com/markdown-it/markdown-it#init-with-presets-and-options)

lib/core.js

@@ -11,7 +11,7 @@ module.exports = function (source) {
   var filePath = this.resourcePath
 
   var result = 'module.exports = require(' +
-    loaderUtils.stringifyRequest(this, '!!vue-loader!' + markdownCompilerPath + '?raw!' + filePath) +
+    loaderUtils.stringifyRequest(this, '!!vue-loader!' + markdownCompilerPath + '?raw!' + filePath + this.resourceQuery) +
   ');'
 
   return result

lib/markdown-compiler.js

@@ -32,7 +32,7 @@ var renderHighlight = function(str, lang) {
  * @param  {[type]} html [description]
  * @return {[type]}      [description]
  */
-var renderVueTemplate = function(html) {
+var renderVueTemplate = function(html, wrapper) {
   var $ = cheerio.load(html, {
     decodeEntities: false,
     lowerCaseAttributeNames: false,
@@ -49,9 +49,9 @@ var renderVueTemplate = function(html) {
   $("script").remove();
 
   result =
-    "<template><section>" +
+    `<template><${wrapper}>` +
     $.html() +
-    "</section></template>\n" +
+    `</${wrapper}></template>\n` +
     output.style +
     "\n" +
     output.script;
@@ -81,7 +81,8 @@ module.exports = function(source) {
       {
         preset: "default",
         html: true,
-        highlight: renderHighlight
+        highlight: renderHighlight,
+        wrapper: 'section'
       },
       opts
     );
@@ -154,7 +155,7 @@ module.exports = function(source) {
   source = source.replace(/@/g, "__at__");
 
   var content = parser.render(source).replace(/__at__/g, "@");
-  var result = renderVueTemplate(content);
+  var result = renderVueTemplate(content, opts.wrapper);
 
   if (opts.raw) {
     return result;