update example

devgutt · devgutt · commit e7afc2d3001a · 2020-12-08T18:30:06.000Z
diff --git a/examples/simple/index.html b/examples/simple/index.html
@@ -1,5 +1,5 @@
 {
     "title": "WebDataRender",
     "description": "This page is a valid JSON. Check out the source!",
-    "render": "<html hidden></html><script src=dist/render.js></script></html><noscript><style>html{display:block !important; white-space:pre}</style></noscript>"
+    "render": "<html hidden><meta charset=utf-8></html><script src=dist/render.js></script></html><noscript><style>html{display:block !important; white-space:pre}</style></noscript>"
 }
diff --git a/examples/simple/src/index.js b/examples/simple/src/index.js
@@ -6,32 +6,16 @@ wdrLoader(data=> {
 
 function render(data) {
 
-    document.title = 'WDR-loader example';
-
-    const html = document.getElementsByTagName('html')[0];
-    html.innerHTML = `
-    <html>
-    <head>
+    document.head.innerHTML = `
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <title>${data.title}</title>
-        <style>
-        .main {
-            background-color: aliceblue;
-            text-align: center;
-            padding: 16px;
-        }
-        </style>
-    </head>
-    <body>
-        <section class="main">
-            <div>
-                <h1>${data.title}</h1>
-                <p>${data.description}<p>
-            </div>
-        </section>
-    </body>
-    </html>
     `;
 
+    document.body.innerHTML = `
+        <section>
+            <h1>${data.title}</h1>
+            <p>${data.description}<p>
+        </section>`;
 }
+
diff --git a/examples/simple/src/package-lock.json b/examples/simple/src/package-lock.json
diff --git a/examples/simple/src/package.json b/examples/simple/src/package.json
@@ -9,7 +9,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "wdr-loader": "^1.0.0"
+    "wdr-loader": "file:../../.."
   },
   "devDependencies": {
     "webpack": "^5.6.0",

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,5 @@`
`1`	`1`	`{`
`2`	`2`	`"title": "WebDataRender",`
`3`	`3`	`"description": "This page is a valid JSON. Check out the source!",`
`4`		`- "render": "<html hidden></html><script src=dist/render.js></script></html><noscript><style>html{display:block !important; white-space:pre}</style></noscript>"`
	`4`	`+ "render": "<html hidden><meta charset=utf-8></html><script src=dist/render.js></script></html><noscript><style>html{display:block !important; white-space:pre}</style></noscript>"`
`5`	`5`	`}`