tagu-tagu 3.2.4 → 3.2.6

package/README.md

@@ -41,9 +41,6 @@ document.body.appendChild(CounterExample());
 No need to compile. But typescript is supported.
 
 ## Examples
-See examples [here](https://dothesimplest.github.io/tagu-tagu/).
-
-## Features
 
 ### Initializers
 `tagu-tagu` uses rest parameters. Arguments can be any order.
@@ -52,25 +49,6 @@ button("Hello!", {css: {background: "blue"}});
 button({css: {background: "blue"}}, "Hello!");
 ```
 
-#### Modify existing element
-You can use initializers for existing element.
-
-```typescript
-import { Modify } from "tagu-tagu";
-
-Modify(document.body, {
-	text: "💣",
-	css: {
-		background: "skyblue",
-	},
-	on: {
-		click: () => {
-			document.body.textContent = "💥";
-		},
-	},
-});
-
-```
 
 #### `html` initializer
 [JSFiddle](https://jsfiddle.net/do_the_simplest/6p9jh45L/2/)
@@ -119,19 +97,19 @@ document.body.appendChild(AttrExample());
 ```
 
 #### `prop` initializer
-[JSFiddle](https://jsfiddle.net/do_the_simplest/mc38ksqw/1/)
+[JSFiddle](https://jsfiddle.net/do_the_simplest/mc38ksqw/2/)
 
 ```typescript
 import { option, select } from "tagu-tagu";
 
-// Element: setAttribute
-function AttrExample() {
+// Javascript properties
+function PropExample() {
 	return select([option("One"), option("Two"), option("Three")], {
 		prop: { selectedIndex: 1 },
 	});
 }
 
-document.body.appendChild(AttrExample());
+document.body.appendChild(PropExample());
 ```
 
 #### `on` initializer
@@ -147,6 +125,27 @@ function OnExample() {
 document.body.appendChild(OnExample());
 ```
 
+#### Modify existing element
+You can use initializers for existing element.
+[JSFiddle](https://jsfiddle.net/do_the_simplest/o87nw6zL/15/)
+
+```typescript
+import { Modify } from "tagu-tagu";
+
+Modify(document.body, {
+	text: "💣",
+	css: {
+		background: "skyblue",
+	},
+	on: {
+		click: () => {
+			document.body.textContent = "💥";
+		},
+	},
+});
+
+```
+
 #### `$` initializer
 [JSFiddle](https://jsfiddle.net/do_the_simplest/b8roj7wx/1/)
 ```html
@@ -250,6 +249,7 @@ document.body.appendChild(InitializerCallbackExample());
 ```
 
 ### `If`
+[JSFiddle](https://jsfiddle.net/do_the_simplest/bxuqsh1d/19/)
 
 ```typescript
 import { div, If, input, span, useState } from "tagu-tagu";
@@ -280,6 +280,7 @@ document.body.appendChild(IfExample());
 ```
 
 ### `Switch`
+[JSFiddle](https://jsfiddle.net/do_the_simplest/vw8hrz1t/14/)
 
 ```typescript
 import { button, div, Switch, useState } from "tagu-tagu";
@@ -309,6 +310,7 @@ document.body.appendChild(SwitchExample());
 ```
 
 ### `For`
+[JSFiddle](https://jsfiddle.net/do_the_simplest/soLa9v6t/12/)
 
 ```typescript
 import { button, div, For, useState } from "tagu-tagu";
@@ -343,6 +345,7 @@ document.body.appendChild(ForExample());
 
 ### Data binding
 You can use data of ancestors.
+[JSFiddle](https://jsfiddle.net/do_the_simplest/9u6oz2bc/6/)
 
 ```typescript
 import { button, div, useBinding, useState } from "tagu-tagu";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "tagu-tagu",
-	"version": "3.2.4",
+	"version": "3.2.6",
 	"description": "A lightweight helper for vanilla `HTMLElement`, with reactivity.",
 	"keywords": [
 		"front-end",