From 2572813a1a47e8fcf08e1cfe2ac6a62e0a43a326 Mon Sep 17 00:00:00 2001
From: Rongrong <15956627+Rongronggg9@users.noreply.github.com>
Date: Mon, 4 Apr 2022 20:43:45 +0800
Subject: [PATCH] docs: invalid `<p>` for route params (#9455)

Signed-off-by: Rongrong <15956627+Rongronggg9@users.noreply.github.com>
---
 docs/.vuepress/components/Route.vue   | 7 ++++---
 docs/.vuepress/components/RouteEn.vue | 7 ++++---
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/docs/.vuepress/components/Route.vue b/docs/.vuepress/components/Route.vue
index b9df5cfde20814..8442eec86d8710 100644
--- 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
index 9e1b84c743f858..1e964fc00b328b 100644
--- 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: {