Address comments

- Add missing snippet

docs/snippets/web-components/loader-story.ts.mdx

@@ -0,0 +1,26 @@
+```ts
+// TodoItem.stories.ts
+
+import type { Meta, StoryObj } from '@storybook/web-components';
+
+import fetch from 'node-fetch';
+
+const meta: Meta = {
+  title: 'Examples/Loader'
+  component: 'demo-todo-item',
+  render: (args, { loaded: { todo } }) => TodoItem({...args, ...todo}),
+};
+export default meta;
+
+type Story = StoryObj;
+
+export const Primary: Story = {
+  loaders: [
+    async () => ({
+      todo: await (
+        await fetch('https://jsonplaceholder.typicode.com/todos/1')
+      ).json(),
+    }),
+  ],
+};
+```

docs/snippets/web-components/simple-page-implementation.ts.mdx

@@ -5,12 +5,6 @@ import { LitElement, html } from 'lit-element';
 
 @customElement('demo-document-screen')
 class DocumentScreen extends LitElement {
-  static get properties() {
-    return {
-      data: { type: Object },
-    }
-  }
-
   @property({ type: Object })
   data: {
     user: Record<string, unknown>;

docs/writing-stories/loaders.md

@@ -22,6 +22,7 @@ Loaders are helpful when you need to load story data externally (e.g., from a re
     'vue/loader-story.3.js.mdx',
     'vue/loader-story.ts-3.ts.mdx',
     'angular/loader-story.ts.mdx',
+    'web-components/loader-story.js.mdx',
     'web-components/loader-story.ts.mdx',
     'svelte/loader-story.js.mdx',
   ]}