Quick start

npx @astro-dx/init

"code-keyword">import { signal, computed } "code-keyword">from '@astro-dx/core';
"code-keyword">import { getElement } "code-keyword">from '@astro-dx/dom';

"code-keyword">const count = "code-function">signal(0);
"code-keyword">const double = "code-function">computed(() => "code-function">count() * 2);

"code-function">getElement('#count')."code-function">text(count);
"code-function">getElement('#btn')."code-function">on('click', () => count."code-function">update(v => v + 1));

"code-keyword">import { signal, computed } "code-keyword">from '@astro-dx/core';

"code-keyword">class CartServiceClass {
  private _items = signal<"code-type">string[]>([]);
  readonly total = "code-function">computed(() => "code-keyword">this."code-function">_items().length);

  "code-function">add(item: "code-type">string) { "code-keyword">this._items."code-function">update(p => [...p, item]); }
  "code-function">clear() { "code-keyword">this._items."code-function">set([]); }
}


"code-keyword">export "code-keyword">const CartService = "code-keyword">new "code-function">CartServiceClass();