fix component

ReactMVC · web-flow · commit 39c4b5623236 · 2023-06-30T19:17:01.000+03:30
diff --git a/Elroid-Example/example-component.html b/Elroid-Example/example-component.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="UTF-8">
+  <title>Elroid Example</title>
+  <script src="Elroid.js"></script>
+</head>
+
+<body>
+  <div id="app"></div>
+
+  <script>
+    const component = new ElComponent({
+      template: `
+          <h2>{{title}}</h2>
+          <p>Users, {{name.1}} and {{name.2}}!</p>
+          <p>Admin is, Name: {{name.3.name}} and Email {{name.3.email}}!</p>
+          <button el-click="Edit">Edit Tilte</button>
+      `,
+      el: "#app",
+      data: {
+        name: {
+          1: "Hossein",
+          2: "Ali",
+          3: {
+            name: "Reza",
+            email: "h3dev.pira@gmail.com"
+          }
+        },
+        title: 'Custom Component',
+        methods: {
+          Edit() {
+            component.update({ title: "Home" });
+          }
+        }
+      },
+    });
+
+  </script>
+</body>
+
+</html>
diff --git a/Elroid-Example/example-html-edit.html b/Elroid-Example/example-html-edit.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="UTF-8">
+    <title>Elroid Example</title>
+    <script src="Elroid.js"></script>
+</head>
+
+<body>
+    <div id="app">
+        <h1>{{title}}</h1>
+        <button el-click="Edit">Edit Tilte</button>
+        <button el-click="Defult">Defult</button>
+    </div>
+
+    <script>
+        const app = new Elroid({
+            el: '#app',
+            data: {
+                title: 'Welcome to Elroid Library',
+                methods: {
+                    Edit() {
+                        app.update({ title: "Home" });
+                    },
+                    Defult() {
+                        app.update({ title: 'Welcome to Elroid Library' });
+                    }
+                }
+            }
+        });
+    </script>
+</body>
+
+</html>
diff --git a/Elroid-Example/example.html b/Elroid-Example/example.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="UTF-8">
+  <title>Elroid Example</title>
+  <script src="Elroid.js"></script>
+</head>
+
+<body>
+  <div id="app">
+    <h1>{{title}}</h1>
+    <button el-click="ShowAlert">Click me</button>
+  </div>
+
+  <script>
+    const app = new Elroid({
+      el: '#app',
+      data: {
+        name: 'Hossein',
+        title: 'Welcome to Elroid Library',
+        methods: {
+          ShowAlert() {
+            alert('Button clicked!');
+          }
+        }
+      }
+    });
+  </script>
+</body>
+
+</html>
diff --git a/LICENSE b/LICENSE
@@ -18,4 +18,4 @@ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+SOFTWARE.
diff --git a/README.md b/README.md
@@ -7,4 +7,4 @@ Each html file in this repository is an example.
 ## Contact the developer
 [Telegram](https://t.me/h3dev)
 <br><br>
-[Email](mailto:h3dev.pira@gmail.com)
+[Email](mailto:h3dev.pira@gmail.com)

-Original file line number
+Diff line change
 ## Contact the developer
 [Telegram](https://t.me/h3dev)
 <br><br>
 -[Email](mailto:[email protected])
 +[Email](mailto:[email protected])