docs: use prop atoms directly in counter and tabs examples

[psd-coder]

Overview

Simplifies the Counter and Tabs documentation examples to use their prop atoms directly instead of copying them into redundant local atoms. Addresses issue #10.

Problem Statement

Both examples created a new Nano Stores atom seeded from a prop (atom(ctx.props.$x.get())), even though ctx.props.$x is already a WritableAtom. As reported in #10, this made the examples harder to follow: it added an extra concept, an extra nanostores import, and suggested the copy was necessary when it wasn't. In Tabs the local $active was a one-to-one mirror of the active prop, and in Counter the seeded $count could be expressed directly through the prop.

Solution Approach

• Tabs: drive ctx.props.$active directly in the focus handler, click handler, effect, and context provider; removed the redundant $active copy.
• Counter: renamed the initial prop to value and read/write ctx.props.$value directly for increment, decrement, and display.
• Removed the now-unused atom import and the orphaned nanostores importmap entry from both examples, keeping them self-contained and consistent with the other examples.

Breaking Changes

None. Documentation examples only.

[github-actions]

size-limit report 📦

Path	Size
.size-check/index.mjs	2.36 KB (0%)
.size-check/render.mjs	417 B (0%)
.size-check/context.mjs	402 B (0%)