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

Author: rschristian

src/index.d.ts

@@ -14,6 +14,34 @@ type Options = {
     mode: 'open' | 'closed';
 };
 
+/**
+ * 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() {