docs: Recursive Store - edit pass (#783)

Author: craigshoemaker

packages/docs/src/pages/tutorial/store/recursive/index.mdx

@@ -3,11 +3,16 @@ title: Recursive Store
 layout: tutorial
 ---
 
-In this example, we have created a store that contains other objects rather than just primitives. (`store.counter` is object literal.)
+This example features a store that contains other objects rather than just primitives. The `store.counter` property is an object literal.
 
-The example does not work, because by default the `useStore` only sets up watches on top-level properties. To make the example work, we need to either:
-1. wrap the `{count:0}` in another `useStore()` call, which is cumbersome OR
-2. ask the `useStore` to apply reactivity to all properties recursively by passing the additional argument `{recursive:true}`.
+The example doesn't work as is, because by default the `useStore` function only watches top-level properties.
 
+To make the example work, you need to do one of two things:
 
-Notice that it is perfectly OK (and encouraged) to pass the stores to other components. (Stores are not tied to any one component.)
+1. Wrap `{count:0}` in another `useStore()` call (which is a bit cumbersome)
+
+1. Allow `useStore` to recursively apply reactivity to all properties by passing the additional argument:  `{recursive:true}`.
+
+> **Your task:** Update the sample with the `useStore()` function.
+
+Note that stores are not tied to any single component. In fact, you can pass stores from one component to another.