@@ -82,9 +82,9 @@ function generateUsage(usage) {
   let str = `<h2>Usage</h2>${r}`;
   str += `<code-switcher languages="${Object.keys(usage).join(',')}">${r}`;
   for (const version in usage) {
-    str += `<div slot="${version}" markdown="1">\r\n`;
+    str += `<div slot="${version}" markdown="1">${r}`;
     str += usage[version];
-    str += `</div>${r}`;
+    str += `${r}</div>${r}`;
   }
   return str + `<code-switcher>${r}`;
 }
 
@@ -12,7 +12,7 @@ export interface MarkedStruc {
   body: string;
 }
 
-const toCodeBlock = (code: string, lang = '') =>
+export const toCodeBlock = (code: string, lang = '') =>
   `<code-block language="${lang}">${hljs.highlightAuto(code, [lang]).value}</code-block>`;
 
 const toPreviewBlock = (code: string, lang = '') => `
Original file line number	Diff line number	Diff line change
`@@ -82,9 +82,9 @@ function generateUsage(usage) {`
`82`	`82`	let str = `<h2>Usage</h2>${r}`;
`83`	`83`	str += `<code-switcher languages="${Object.keys(usage).join(',')}">${r}`;
`84`	`84`	`for (const version in usage) {`
`85`		- str += `<div slot="${version}" markdown="1">\r\n`;
	`85`	+ str += `<div slot="${version}" markdown="1">${r}`;
`86`	`86`	`str += usage[version];`
`87`		- str += `</div>${r}`;
	`87`	+ str += `${r}</div>${r}`;
`88`	`88`	`}`
`89`	`89`	return str + `<code-switcher>${r}`;
`90`	`90`	`}`
Original file line number	Diff line number	Diff line change
`@@ -12,7 +12,7 @@ export interface MarkedStruc {`
`12`	`12`	`body: string;`
`13`	`13`	`}`
`14`	`14`
`15`		`-const toCodeBlock = (code: string, lang = '') =>`
	`15`	`+export const toCodeBlock = (code: string, lang = '') =>`
`16`	`16`	`<code-block language="${lang}">${hljs.highlightAuto(code, [lang]).value}</code-block>`;
`17`	`17`
`18`	`18`	const toPreviewBlock = (code: string, lang = '') => `