📦 🐛 ✏️ updates & types & docs

docs_src/components/code.html.js

@@ -14,6 +14,7 @@ ${host}{
 	--shiki-token-punctuation: var(--code);
 	--shiki-token-link: #EE0000;
 	white-space: pre;
+	tab-size: 2;${""/* TODO: allow custom tab size?! */}
 	overflow: scroll;
 }
 ${host}[data-js=todo]{

docs_src/components/code.js.js

@@ -1,4 +1,4 @@
-const highlighter= await shiki.getHighlighter({
+const highlighter= await globalThis.shiki.getHighlighter({
 	theme: "css-variables",
 	langs: ["js", "ts", "css", "html", "shell"],
 });

docs_src/components/examples/scopes/imperative.js

@@ -1,12 +1,13 @@
 /* PSEUDO-CODE!!! */
 import { el, on, scope } from "deka-dom-el";
 function component(){
+	const { host }= scope;
 	const ul= el("ul");
 	const ac= new AbortController();
 	fetchAPI({ signal: ac.signal }).then(data=> {
 		data.forEach(d=> ul.append(el("li", d)));
 	});
-	scope.host(
+	host(
 		/* element was remove before data fetched */
 		on.disconnected(()=> ac.abort())
 	);