📝 fix docs for @coven/pair

Author: loucyx

.github/workflows/publish.yml

@@ -7,7 +7,7 @@ on:
 
 jobs:
     publish:
-        runs-on: ubuntu-latest
+        runs-on: macos-latest
         permissions:
             contents: read
             id-token: write

@coven/pair/README.md

@@ -19,9 +19,9 @@ Currently supported frameworks:
 ### Preact
 
 ```tsx
-import { createElement } from "preact";
-import { useState } from "preact/hooks";
+/** @jsxImportSource preact */
 import { pair } from "@coven/pair/preact";
+import { useState } from "preact/hooks";
 
 const useCount = (initialCount: number) => {
 	const [count, setCount] = useState(initialCount);
@@ -53,9 +53,11 @@ const Component = ({ array = [] }) => (
 ### React
 
 ```tsx
-// @deno-types="@types/react"
-import { createElement, useState } from "react";
+/** @jsxImportSource react */
+/** @jsxImportSourceTypes @types/react */
 import { pair } from "@coven/pair/react";
+// @deno-types="@types/react"
+import { useState } from "react";
 
 const useCount = (initialCount: number) => {
 	const [count, setCount] = useState(initialCount);

@coven/pair/preact/pair.ts

@@ -6,7 +6,7 @@ import type { PairedComponentProperties } from "./PairedComponentProperties.ts";
  *
  * @example
  * ```tsx
- * import { createElement } from "preact";
+ * /** @jsxImportSource preact *\/
  * import { useState } from "preact/hooks";
  *
  * const useCount = (initialCount: number) => {

@coven/pair/react/pair.ts

@@ -8,7 +8,10 @@ import type { PairedComponentProperties } from "./PairedComponentProperties.ts";
  *
  * @example
  * ```tsx
- * import { createElement, useState } from "react";
+ * /** @jsxImportSource react *\/
+ * /** @jsxImportSourceTypes @types/react *\/
+ * // @deno-types="@types/react"
+ * import { useState } from "react";
  *
  * const useCount = (initialCount: number) => {
  * 	const [count, setCount] = useState(initialCount);

@coven/pair/test.tsx

@@ -0,0 +1,31 @@
+/** @jsxImportSource react */
+/** @jsxImportSourceTypes @types/react */
+import { pair } from "@coven/pair/react";
+// @deno-types="@types/react"
+import { useState } from "react";
+
+const useCount = (initialCount: number) => {
+	const [count, setCount] = useState(initialCount);
+
+	return { onClick: () => setCount(count + 1), children: count };
+};
+
+const PairedCount = pair(useCount);
+
+const Component = ({ array = [] }) => (
+	<ul>
+		{array.map((key) => (
+			<PairedCount key={key}>
+				{(usePairedCount) => {
+					const props = usePairedCount(key);
+
+					return (
+						<li>
+							<button type="button" {...props} />
+						</li>
+					);
+				}}
+			</PairedCount>
+		))}
+	</ul>
+);