pardnchiu
diff --git a/‎dist/QuickUI.esm.js
Lines changed: 1 addition & 1 deletion b/‎dist/QuickUI.esm.js
Lines changed: 1 addition & 1 deletion
diff --git a/‎dist/QuickUI.js
Lines changed: 1 addition & 1 deletion b/‎dist/QuickUI.js
Lines changed: 1 addition & 1 deletion
diff --git a/‎package.json
Lines changed: 1 addition & 1 deletion b/‎package.json
Lines changed: 1 addition & 1 deletion
diff --git a/‎src/QuickUI.debug.js
540 Bytes b/‎src/QuickUI.debug.js
540 Bytes
diff --git a/‎src/function/htmlParser.ts
3 Bytes b/‎src/function/htmlParser.ts
3 Bytes
diff --git a/‎src/model/QUI.ts
533 Bytes b/‎src/model/QUI.ts
533 Bytes
diff --git a/‎static/md/en/model.md
Lines changed: 31 additions & 0 deletions b/‎static/md/en/model.md
Lines changed: 31 additions & 0 deletions
diff --git a/‎static/md/zh/model.md
Lines changed: 32 additions & 0 deletions b/‎static/md/zh/model.md
Lines changed: 32 additions & 0 deletions
@@ -1,6 +1,6 @@
 {
     "name": "@pardnchiu/quickui",
-    "version": "0.6.10",
+    "version": "0.6.11",
     "description": "QuickUI is a lightweight frontend framework built on pure JavaScript and native APIs. Supports data binding, i18n support, event binding, conditional rendering, and loop rendering.",
     "main": "dist/QuickUI.js",
     "module": "dist/QuickUI.esm.js",
 
@@ -21,6 +21,37 @@
         })
     </script>
     ```
+- result
+    ```HTML
+    <body id="app">
+        hint 123
+        <h1 style="background: red;">test 123</h1>
+    </body>
+    ```
+
+- index.html
+    ```HTML
+    <body id="app"></body>
+    <script>
+        document.addEventListener("DOMContentLoaded", async _ => {
+            const test = await new QUI({
+                data: {
+                    hint: "hint 123",
+                    title: "test 123"
+                },
+                render: () => `
+                    "{{ hint }}",
+                    h1 {
+                        style: "background: red;", 
+                        children: [ 
+                            "{{ title }}"
+                        ]
+                    }`
+            }).fragment();
+            document.getElementById("app").appendChild(test);
+        });
+    </script>
+    ```
 - result
     ```HTML
     <body id="app">
 
@@ -1,5 +1,6 @@
 ## 模板渲染
 
+
 - index.html
     ```HTML
     <body id="app"></body>
@@ -21,6 +22,37 @@
         })
     </script>
     ```
+- result
+    ```HTML
+    <body id="app">
+        hint 123
+        <h1 style="background: red;">test 123</h1>
+    </body>
+    ```
+
+- index.html
+    ```HTML
+    <body id="app"></body>
+    <script>
+        document.addEventListener("DOMContentLoaded", async _ => {
+            const test = await new QUI({
+                data: {
+                    hint: "hint 123",
+                    title: "test 123"
+                },
+                render: () => `
+                    "{{ hint }}",
+                    h1 {
+                        style: "background: red;", 
+                        children: [ 
+                            "{{ title }}"
+                        ]
+                    }`
+            }).fragment();
+            document.getElementById("app").appendChild(test);
+        });
+    </script>
+    ```
 - result
     ```HTML
     <body id="app">
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@pardnchiu/quickui",`
`3`		`- "version": "0.6.10",`
	`3`	`+ "version": "0.6.11",`
`4`	`4`	`"description": "QuickUI is a lightweight frontend framework built on pure JavaScript and native APIs. Supports data binding, i18n support, event binding, conditional rendering, and loop rendering.",`
`5`	`5`	`"main": "dist/QuickUI.js",`
`6`	`6`	`"module": "dist/QuickUI.esm.js",`