fixes docs (by removing 'undefined') from some api docs

Author: ChristianKienle

src/components/Form/Controls/TextArea.tsx

@@ -33,7 +33,7 @@ type Type = keyof (typeof typeMapping);
 const Types = Object.keys(typeMapping) as Type[];
 
 @Component({ name: componentName('TextArea') })
-@Api.Component('TextArea')
+@Api.Component('Text Area')
 @Api.Event('input', 'Sent when the value changes', ['value', 'any'])
 export class TextArea extends TsxComponent<Props> {
   @Api.Prop('id of the text area element', prop => prop.type(String))

src/components/Form/FieldSet.tsx

@@ -4,6 +4,7 @@ import TsxComponent from '@/vue-tsx';
 import { Api } from '@/api';
 
 @Component({ name: componentName('FieldSet') })
+@Api.Component('Field Set')
 @Api.defaultSlot('Content of the field set. Usually a legend with a form group.')
 export class FieldSet extends TsxComponent<{}> {
   public render() {

src/components/Form/FormGroup.tsx

@@ -4,6 +4,7 @@ import TsxComponent from '@/vue-tsx';
 import { Api } from '@/api';
 
 @Component({ name: componentName('FormGroup') })
+@Api.Component('Form Group')
 @Api.defaultSlot('Content of the form group. Usually form items.')
 export class FormGroup extends TsxComponent<{}> {
   public render() {

src/components/Form/FormItem.tsx

@@ -23,6 +23,7 @@ interface Props {
     };
   },
 })
+@Api.Component('Form Item')
 @Api.defaultSlot('Content of the form item. Usually inputs and labels.')
 export class FormItem extends mixins(Uid) implements ItemIdentification {
   @Prop({ type: String, required: false, default: null })

src/components/Form/FormSet.tsx

@@ -6,6 +6,7 @@ import { componentName } from '@/util';
 import { Api } from '@/api';
 
 @Component({ name: componentName('FormSet') })
+@Api.Component('Form Set')
 @Api.defaultSlot('Content of the form set (usually form items).')
 export class FormSet extends Vue {
   public render() {

src/components/Form/Legend.tsx

@@ -6,6 +6,7 @@ import { componentName } from '@/util';
 import { Api } from '@/api';
 
 @Component({ name: componentName('Legend') })
+@Api.Component('Legend')
 @Api.defaultSlot('Legend text')
 export class Legend extends Vue {
   public render() {

src/components/Layout/Shell/Shell.tsx

@@ -4,6 +4,7 @@ import { Api } from '@/api';
 import TsxComponent from '@/vue-tsx';
 
 @Component({ name: componentName('Shell') })
+@Api.Component('Shell')
 @Api.defaultSlot('Main Content')
 export class Shell extends TsxComponent<{}> {
   public render() {

src/components/Layout/Shell/ShellFooter.tsx

@@ -11,6 +11,7 @@ interface Props {
 }
 
 @Component({ name: componentName('ShellFooter') })
+@Api.Component('Shell Footer')
 @Api.defaultSlot('Footer Content')
 export class ShellFooter extends TsxComponent<Props> {
   @Prop({type: Boolean, default: false })

src/components/Layout/Shell/ShellHeader.tsx

@@ -11,6 +11,7 @@ interface Props {
 }
 
 @Component({ name: componentName('ShellHeader') })
+@Api.Component('Shell Header')
 @Api.defaultSlot('Header Content')
 export class ShellHeader extends TsxComponent<Props> {
   @Prop({type: Boolean, default: false })

src/docs/pages/Image/index.ts

@@ -1,5 +1,5 @@
 import { ExampleCollectionFunction } from '../types';
 
-export const plugin: ExampleCollectionFunction = ({}) => {
-    return { componentStatus: 'stable', icon: 'background', relatedComponents: [] };
+export const plugin: ExampleCollectionFunction = ({ Image }) => {
+    return { componentStatus: 'stable', icon: 'background', relatedComponents: [Image] };
 };