Addon-docs: Fix Component description in Svelte

addons/docs/src/frameworks/svelte/config.ts

@@ -1,5 +1,5 @@
 import { extractArgTypes } from './extractArgTypes';
-import { extractComponentDescription } from '../../lib/docgen';
+import { extractComponentDescription } from './extractComponentDescription';
 import { prepareForInline } from './prepareForInline';
 
 export const parameters = {

addons/docs/src/frameworks/svelte/extractComponentDescription.test.ts

@@ -0,0 +1,15 @@
+import { extractComponentDescription } from './extractComponentDescription';
+
+describe('extractComponentDescription', () => {
+  test('Extract from docgen', () => {
+    expect(extractComponentDescription({ __docgen: { description: 'a description' } })).toBe(
+      'a description'
+    );
+  });
+  test('Null Component', () => {
+    expect(extractComponentDescription(null)).toBeFalsy();
+  });
+  test('Missing docgen', () => {
+    expect(extractComponentDescription({})).toBeFalsy();
+  });
+});

addons/docs/src/frameworks/svelte/extractComponentDescription.ts

@@ -0,0 +1,10 @@
+import { Component } from '../../blocks/types';
+
+export function extractComponentDescription(component?: Component): string {
+  if (!component) {
+    return null;
+  }
+
+  const { __docgen = {} } = component;
+  return __docgen.description;
+}

examples/svelte-kitchen-sink/src/stories/views/ControlShowcaseView.svelte

@@ -1,4 +1,8 @@
 <script>
+  /**
+   * Control Showcase
+   * @component
+   */
   import Button from '../../components/Button.svelte';
 
   /**