How it works.
Start with a template ...
<div id="profile">
<img tv-value-src='{{avatar?"default.png"}}'/>
<span id='firstname'>{{firstname}}</span>
<span id='lastname'>{{lastname}}</span>
</div>
import {tv} from "./ticoview.js";
const view = tv("#profile")
... write your binding script ...
... assign your data ...
view.data = {
firstname: "Kofi",
lastname: "Manu",
avatar: "09348534ea87e.png"
}
<div id="profile">
<img tv-value-src='09348534ea87e.png'/>
<span id='firstname'>Kofi</span>
<span id='lastname'>Manu</span>
</div>
... and there! Isn't that beautiful?