Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

Commit 2d9d8fc

Browse filesBrowse files
committed
docs(ExampleSnippet): fix generated code indentations
1 parent 0c88503 commit 2d9d8fc
Copy full SHA for 2d9d8fc

File tree

1 file changed

+28
-28
lines changed
Filter options

1 file changed

+28
-28
lines changed

‎packages/docs/src/utils/projectUtils.ts

Copy file name to clipboardExpand all lines: packages/docs/src/utils/projectUtils.ts
+28-28Lines changed: 28 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -62,16 +62,16 @@ export const getScripts = (): Record<string, string> => {
6262
// Function to generate index.html content
6363
export const generateIndexHTML = (title: string): string => {
6464
return `<!DOCTYPE html>
65-
<html lang="en">
66-
<head>
67-
<meta charset="UTF-8">
68-
<title>${title}</title>
69-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
70-
</head>
71-
<body>
72-
<div id="root"></div>
73-
</body>
74-
</html>`
65+
<html lang="en">
66+
<head>
67+
<meta charset="UTF-8">
68+
<title>${title}</title>
69+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
70+
</head>
71+
<body>
72+
<div id="root"></div>
73+
</body>
74+
</html>`
7575
}
7676

7777
// Function to generate index.js or index.tsx content
@@ -89,27 +89,27 @@ export const generateIndexJS = (
8989
const renderMethod =
9090
templateType === 'codesandbox'
9191
? `ReactDOM.render(
92-
<React.StrictMode>
93-
<div className="p-3">
94-
<${name} />
95-
</div>
96-
</React.StrictMode>,
97-
document.getElementById('root')
98-
);`
92+
<React.StrictMode>
93+
<div className="p-3">
94+
<${name} />
95+
</div>
96+
</React.StrictMode>,
97+
document.getElementById('root')
98+
);`
9999
: `ReactDOM.createRoot(document.querySelector("#root")).render(
100-
<React.StrictMode>
101-
<div className="p-3">
102-
<${name} />
103-
</div>
104-
</React.StrictMode>
105-
);`
100+
<React.StrictMode>
101+
<div className="p-3">
102+
<${name} />
103+
</div>
104+
</React.StrictMode>
105+
);`
106106

107107
return `import React from 'react';
108-
${importReactDOM}
109-
import '@coreui/${pro ? 'coreui-pro' : 'coreui'}/dist/css/coreui.min.css';
110-
import { ${name} } from './${name}.${language}x';
111-
112-
${renderMethod}`
108+
${importReactDOM}
109+
import '@coreui/${pro ? 'coreui-pro' : 'coreui'}/dist/css/coreui.min.css';
110+
import { ${name} } from './${name}.${language}x';
111+
112+
${renderMethod}`
113113
}
114114

115115
// Function to generate package.json content

0 commit comments

Comments
0 (0)
Morty Proxy This is a proxified and sanitized view of the page, visit original site.