extend suspense doc

beforesemicolon · Dec 17, 2023 · 2692771 · 2692771
1 parent ac516db
commit 2692771
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 2 deletions.
diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
@@ -2,9 +2,9 @@ name: Test
 
 on:
     push:
-        branches: ['main']
+        branches: ['main', 'next']
     pull_request:
-        branches: ['main']
+        branches: ['main', 'next']
 
 jobs:
     build:

diff --git a/docs-src/documentation/suspense-util.page.ts b/docs-src/documentation/suspense-util.page.ts
@@ -68,5 +68,22 @@ export default ({
                     'html`${suspense(loadTodos)}`',
                 'typescript'
             )}
+            <p>
+                To handle error, you can provide a third argument to handle how
+                to render the error message.
+            </p>
+            ${CodeSnippet(
+                'const loadTodos = () => {\n' +
+                    "  return fetch('/api/todos')\n" +
+                    '    .then(res => res.json())\n' +
+                    '    .then(res => html`${repeat(res, renderTodo)}`)\n' +
+                    '}\n\n\n' +
+                    'html`${suspense(\n' +
+                    '   loadTodos,\n' +
+                    '   html`<p>Loading todos...</p>`,\n' +
+                    '   (error) => html`<error-display message="${error.message}" />`\n' +
+                    ')}`',
+                'typescript'
+            )}
         `,
     })