task-list
	use(path="./task", as="task")
		
	h1 Task List
		
	rx-each(for="task", in="{data.tasks}")
		task(data="{task}", parent="{tag}", on-click="{logTask(task)}")
			
	style(type="text/scss").
		.rx-scope {
			border: 1px solid black;
			
			h1 {
				color: red;
			}
			
			task {
				background-color: rgb(204, 204, 204);
				border-bottom: 1px solid rgb(50, 50, 50);
			}
			
			button.rx-all {
				font-size: 18px;
				font-weight: bold;
			}
		}
		
	script.
		console.log("data:", data);
		console.log("tag:", tag);

		function logTask(tag, task) {
			console.log("task:", task);
			console.log("this:", tag);
		}