render examples in a <code> block (#256)

Author: chris48s

packages/docusaurus-plugin-openapi/src/markdown/createParamsTable.ts

@@ -85,15 +85,21 @@ export function createParamsTable({ parameters, type }: Props) {
                 guard(param.example, (example) =>
                   create("div", {
                     style: { marginTop: "var(--ifm-table-cell-padding)" },
-                    children: escape(`Example: ${example}`),
+                    children: [
+                      "Example: ",
+                      create("code", { children: escape(example) }),
+                    ],
                   })
                 ),
                 guard(param.examples, (examples) =>
                   create("div", {
                     style: { marginTop: "var(--ifm-table-cell-padding)" },
                     children: Object.entries(examples).map(([k, v]) =>
                       create("div", {
-                        children: escape(`Example (${k}): ${v.value}`),
+                        children: [
+                          `Example (${k}): `,
+                          create("code", { children: escape(v.value) }),
+                        ],
                       })
                     ),
                   })