fix: counter example

README.md

@@ -32,9 +32,7 @@ func (Counter) Body(s *g.Scope) g.View {
 }
 
 func main() {
-    g.Run("Counter", g.Define(func(s *g.Scope) g.View {
-        return Counter{}
-    }))
+    g.Run("Counter", g.Component(Counter{}))
 }
 ```
 

component.go

@@ -25,6 +25,14 @@ type Viewable interface {
 	Body(s *Scope) View
 }
 
+// Component wraps a Viewable as a View so it can be passed to APIs that take
+// a typed View (Run, RunWithConfig, TestRender). Layout constructors accept
+// a Viewable directly via their variadic any arguments; this helper is for
+// the top-level entry points that cannot.
+func Component(v Viewable) View {
+	return wrapViewable(v)
+}
+
 // wrapViewable turns a Viewable into a View by creating a componentNode whose renderFn invokes Body with the current scope.
 func wrapViewable(v Viewable) View {
 	return &componentNode{

docs-site/content/docs/concepts/viewables.mdx

@@ -51,6 +51,22 @@ to `VStack`, `List`, or any other constructor.
   prop if a child view is expensive to construct and you want to defer it
   (see `NavLink` for an example).
 
+## Passing a Viewable to typed `View` slots
+
+Layout constructors accept a Viewable directly because their children are
+variadic `any`. Top-level entry points like `Run`, `RunWithConfig`, and
+`TestRender` take a typed `View`, so a Viewable needs a one-call wrapper:
+
+```go
+func main() {
+	gova.Run("Counter", gova.Component(Counter{}))
+}
+```
+
+`Component(v Viewable) View` is a thin adapter. It preserves the Viewable's
+Body semantics and its reactive scope; all it does is give the compiler a
+`View` where it asks for one.
+
 ## When to reach for `Define`
 
 `Define` is fine for:

docs-site/content/docs/index.mdx

@@ -47,7 +47,7 @@ func (Counter) Body(s *Scope) View {
 }
 
 func main() {
-	Run("Counter", Counter{})
+	Run("Counter", Component(Counter{}))
 }
 ```
 

docs-site/content/docs/testing/testrender.mdx

@@ -13,7 +13,7 @@ tree you can query and interact with.
 
 ```go
 func TestCounterIncrements(t *testing.T) {
-    tree := gova.TestRender(Counter{})
+    tree := gova.TestRender(gova.Component(Counter{}))
 
     if got := tree.FindText(0).Value; got != "count: 0" {
         t.Fatalf("unexpected initial text: %q", got)