docs: invalid <p> for route params (DIYgod#9455)

Signed-off-by: Rongrong <[email protected]>
RikkaBlue · Apr 9, 2022 · 2572813 · 2572813
1 parent f86f694
commit 2572813
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/docs/.vuepress/components/Route.vue b/docs/.vuepress/components/Route.vue
@@ -15,7 +15,8 @@
   <div v-if="path.match(/:.*?(\/|$)/g)">
   <p>
     参数:
-  <ul><li class="params" v-for="(item, index) in path.match(/:.*?(\/|$)/g)"><code>{{item.replace(':','').replace('/','').replace('?','')}}</code>, {{(item.includes('?'))?'可选':'必选'}} - <span v-html="renderMarkdown(paramsDesc[index])"></span></li></ul> </p>
+  </p>
+  <ul><li class="params" v-for="(item, index) in path.match(/:.*?(\/|$)/g)"><code>{{item.replace(':','').replace('/','').replace('?','')}}</code>, {{(item.includes('?'))?'可选':'必选'}} - <span v-html="renderMarkdown(paramsDesc[index])"></span></li></ul>
   </div>
   <div v-else><p>参数: 无</p></div>
   <slot></slot>
@@ -70,11 +71,11 @@ export default {
     },
   },
   methods: {
-    renderMarkdown(item) {
+    renderMarkdown(item, inline = true) {
     const md = require('markdown-it')({
             html: true,
     });
-        return md.render(item);
+        return inline ? md.renderInline(item) : md.render(item);
     },
   },
   computed: {

diff --git a/docs/.vuepress/components/RouteEn.vue b/docs/.vuepress/components/RouteEn.vue
@@ -15,7 +15,8 @@
   <div v-if="path.match(/(?<=:).*?(?=\/|$)/g)">
   <p>
     Parameters:
-  <ul><li class="params" v-for="(item, index) in path.match(/(?<=:).*?(?=\/|$)/g)"><code>{{item.replace('?','')}}</code>, {{(item.includes('?'))?'optional':'required'}} - <span v-html="renderMarkdown(paramsDesc[index])"></span></li></ul> </p>
+  </p>
+  <ul><li class="params" v-for="(item, index) in path.match(/(?<=:).*?(?=\/|$)/g)"><code>{{item.replace('?','')}}</code>, {{(item.includes('?'))?'optional':'required'}} - <span v-html="renderMarkdown(paramsDesc[index])"></span></li></ul>
   </div>
   <div v-else><p>Parameters: N/A</p></div>
   <slot></slot>
@@ -66,11 +67,11 @@ export default {
     },
   },
   methods: {
-    renderMarkdown(item) {
+    renderMarkdown(item, inline = true) {
     const md = require('markdown-it')({
             html: true,
     });
-        return md.render(item);
+        return inline ? md.renderInline(item) : md.render(item);
     },
   },
   computed: {