import Cog from "https://esm.sh/@mzrk/cog";

// Get the variable factory method from the global Cog object
const { variable, render } = Cog;

// Initialize reactive variable 'count'
const counter = variable("count", 0);

// Make increment available in global scope for onclick handler
window.increment = () => {
	// Get count value and update it using count setter
	counter.set(counter.value + 1);
};

document.addEventListener("DOMContentLoaded", function () {
	render(document.getElementById("app"));
});