diff --git a/README.md b/README.md
index 4c3594c..c5eaf6b 100644
--- a/README.md
+++ b/README.md
@@ -14,19 +14,24 @@ It supports:
 ## Example
 
 ```svelte
-<script>
-  import { Meta, Story, Template } from '@storybook/addon-svelte-csf';
-
+<script content="module">
   import Button from './Button.svelte';
 
+  export const meta = {
+    title: "Button",
+    component: Button
+  }
+</script>
+
+<script>
+  import { Story, Template } from '@storybook/addon-svelte-csf';
+
   let count = 0;
   function handleClick() {
     count += 1;
   }
 </script>
 
-<Meta title="Button" component={Button}/>
-
 <Template let:args>
   <Button {...args} on:click={handleClick}>
     You clicked: {count}
diff --git a/src/index.d.ts b/src/index.d.ts
index d35ec43..06c5dda 100644
--- a/src/index.d.ts
+++ b/src/index.d.ts
@@ -53,6 +53,8 @@ interface Slots {
 }
 /**
  * Meta.
+ * 
+ * @deprecated
  */
 export class Meta extends SvelteComponent<
     BaseMeta<any> & BaseAnnotations<any, DecoratorReturnType> & {