chore: Move jsdoc example comment into ts definition where it can be used

Author: rschristian

src/index.d.ts

@@ -15,6 +15,34 @@ type Options = {
  adoptedStyleSheets?: CSSStyleSheet[];
 };
 
+/**
+ * Register a preact component as web-component.
+ *
+ * @example
+ * ```jsx
+ * // use custom web-component class
+ * class PreactWebComponent extends Component {
+ * static tagName = 'my-web-component';
+ * render() {
+ * return <p>Hello world!</p>
+ * }
+ * }
+ *
+ * register(PreactComponent);
+ *
+ * // use a preact component
+ * function PreactComponent({ prop }) {
+ * return <p>Hello {prop}!</p>
+ * }
+ *
+ * register(PreactComponent, 'my-component');
+ * register(PreactComponent, 'my-component', ['prop']);
+ * register(PreactComponent, 'my-component', ['prop'], {
+ * shadow: true,
+ * mode: 'closed'
+ * });
+ * ```
+ */
 export default function register(
  Component: AnyComponent,
  tagName?: string,

src/index.js

@@ -4,35 +4,9 @@ import { h, cloneElement, render, hydrate } from 'preact';
  * @typedef {import('./index.d.ts').PreactCustomElement} PreactCustomElement
  */
 
+
 /**
- * Register a preact component as web-component.
- *
  * @type {import('./index.d.ts').default} Component The preact component to register
- *
- * @example
- * ```jsx
- * // use custom web-component class
- * class PreactWebComponent extends Component {
- * static tagName = 'my-web-component';
- * render() {
- * return <p>Hello world!</p>
- * }
- * }
- *
- * register(PreactComponent);
- *
- * // use a preact component
- * function PreactComponent({ prop }) {
- * return <p>Hello {prop}!</p>
- * }
- *
- * register(PreactComponent, 'my-component');
- * register(PreactComponent, 'my-component', ['prop']);
- * register(PreactComponent, 'my-component', ['prop'], {
- * shadow: true,
- * mode: 'closed'
- * });
- * ```
  */
 export default function register(Component, tagName, propNames, options) {
 function PreactElement() {