📦 🐛 ✏️ updates & types & docs

docs/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/global.css

@@ -145,6 +145,7 @@ main > *{
 	--shiki-token-punctuation: var(--code);
 	--shiki-token-link: #EE0000;
 	white-space: pre;
+	tab-size: 2;
 	overflow: scroll;
 }
 .code[data-js=todo]{

docs/p05-scopes.html

@@ -153,12 +153,13 @@ function subcomponent({ id }){
 </code></div><p>Strictly speaking, the imperative way of using the library is not prohibited. Just be careful (rather avoid) mixing declarative approach (using observables) and imperative manipulation of elements.</p><div class="code" data-js="todo"><!--<dde:mark type="component" name="code" host="parentElement" ssr/>--><code class="language-js">/* 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=&gt; {
 		data.forEach(d=&gt; ul.append(el("li", d)));
 	});
-	scope.host(
+	host(
 		/* element was remove before data fetched */
 		on.disconnected(()=&gt; ac.abort())
 	);