docs(tutorial): useResource now has a task (#1151)

packages/docs/src/routes/tutorial/reactivity/resource/problem/app.tsx

@@ -6,6 +6,8 @@ export default component$(() => {
     org: 'BuilderIO',
   });
 
+  // Use useResource$() to set up how the data is fetched from the server.
+  // See the example for Fetching Data in the text on the left.
   const reposResource = useResource$<string[]>(({ track, cleanup }) => {
     // We need a way to re-run fetching data whenever the `github.org` changes.
     // Use `track` to trigger re-running of the this data fetching function.
@@ -32,20 +34,17 @@ export default component$(() => {
         />
       </span>
       <div>
-        <Resource
-          value={reposResource}
-          onPending={() => <>Loading...</>}
-          onRejected={(error) => <>Error: {error.message}</>}
-          onResolved={(repos) => (
+        {/* Use <Resource> to display the data from the useResource$() function. */}
+        {/* To help, here's a callback function to display the data on resolved. */}
+        {/* (repos) => (
             <ul>
               {repos.map((repo) => (
                 <li>
                   <a href={`https://github.com/${github.org}/${repo}`}>{repo}</a>
                 </li>
               ))}
             </ul>
-          )}
-        />
+          ) */}
       </div>
     </div>
   );