[docs-infra] Add meta charset in codesandbox examples (mui#39424)

Co-authored-by: Olivier Tassinari <[email protected]>
danilo-leal · Oct 27, 2023 · 90363f8 · 90363f8
1 parent 64c48b5
commit 90363f8
Show file tree

Hide file tree

Showing 7 changed files with 9 additions and 2 deletions.
diff --git a/benchmark/browser/index.html b/benchmark/browser/index.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <title>Perf scenario</title>
     <meta charset="utf-8" />
+    <title>Perf scenario</title>
     <meta name="viewport" content="initial-scale=1, width=device-width" />
     <style>
       body {

diff --git a/docs/data/material/guides/server-rendering/server-rendering.md b/docs/data/material/guides/server-rendering/server-rendering.md
@@ -164,6 +164,7 @@ function renderFullPage(html, css) {
     <!DOCTYPE html>
     <html>
       <head>
+        <meta charset="utf-8" />
         <title>My page</title>
         ${css}
         <meta name="viewport" content="initial-scale=1, width=device-width" />

diff --git a/docs/src/modules/sandbox/CodeSandbox.test.js b/docs/src/modules/sandbox/CodeSandbox.test.js
@@ -47,6 +47,7 @@ describe('CodeSandbox', () => {
         content: `<!DOCTYPE html>
 <html lang="en">
   <head>
+    <meta charset="utf-8" />
     <title>BasicButtons Material Demo</title>
     <meta name="viewport" content="initial-scale=1, width=device-width" />
     <!-- Fonts to support Material Design -->
@@ -137,6 +138,7 @@ ReactDOM.createRoot(document.querySelector("#root")).render(
         content: `<!DOCTYPE html>
 <html lang="en">
   <head>
+    <meta charset="utf-8" />
     <title>BasicButtons Material Demo</title>
     <meta name="viewport" content="initial-scale=1, width=device-width" />
     <!-- Fonts to support Material Design -->

diff --git a/docs/src/modules/sandbox/CreateReactApp.ts b/docs/src/modules/sandbox/CreateReactApp.ts
@@ -14,6 +14,7 @@ export const getHtml = ({
   return `<!DOCTYPE html>
 <html lang="${language}">
   <head>
+    <meta charset="utf-8" />
     <title>${title}</title>
     <meta name="viewport" content="initial-scale=1, width=device-width" />
     <!-- Fonts to support Material Design -->

diff --git a/docs/src/modules/sandbox/StackBlitz.test.js b/docs/src/modules/sandbox/StackBlitz.test.js
@@ -34,6 +34,7 @@ describe('StackBlitz', () => {
         'index.html': `<!DOCTYPE html>
 <html lang="en">
   <head>
+    <meta charset="utf-8" />
     <title>BasicButtons Material Demo</title>
     <meta name="viewport" content="initial-scale=1, width=device-width" />
     <!-- Fonts to support Material Design -->
@@ -110,6 +111,7 @@ ReactDOM.createRoot(document.querySelector("#root")).render(
         'index.html': `<!DOCTYPE html>
 <html lang="en">
   <head>
+    <meta charset="utf-8" />
     <title>BasicButtons Material Demo</title>
     <meta name="viewport" content="initial-scale=1, width=device-width" />
     <!-- Fonts to support Material Design -->

diff --git a/examples/material-ui-express-ssr/server.js b/examples/material-ui-express-ssr/server.js
@@ -14,6 +14,7 @@ function renderFullPage(html, css) {
     <!DOCTYPE html>
     <html lang="en">
       <head>
+        <meta charset="utf-8" />
         <title>My page</title>
         <meta name="viewport" content="initial-scale=1, width=device-width" />
         <link rel="preconnect" href="https://fonts.googleapis.com" />

diff --git a/examples/material-ui-via-cdn/index.html b/examples/material-ui-via-cdn/index.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <title>My page</title>
     <meta charset="utf-8" />
+    <title>My page</title>
     <meta name="viewport" content="initial-scale=1, width=device-width" />
     <script
       src="https://unpkg.com/react@latest/umd/react.development.js"