From b18a9391b8322b0edf1dd01a1f1cf44582513ae9 Mon Sep 17 00:00:00 2001
From: h-takeyeah <61489178+h-takeyeah@users.noreply.github.com>
Date: Sat, 30 Mar 2024 19:50:35 +0900
Subject: [PATCH] =?UTF-8?q?feat[typing-app]:=20=E3=83=90=E3=83=83=E3=82=AF?=
 =?UTF-8?q?=E3=82=A8=E3=83=B3=E3=83=89API=E3=82=92=E5=91=BC=E3=81=B6?=
 =?UTF-8?q?=E3=82=AF=E3=83=A9=E3=82=A4=E3=82=A2=E3=83=B3=E3=83=88=E3=82=92?=
 =?UTF-8?q?=E4=BD=9C=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 typing-app/docs/api-usage.md     | 18 ++++++++++++++++--
 typing-app/src/libs/api/index.ts |  4 ++++
 2 files changed, 20 insertions(+), 2 deletions(-)
 create mode 100644 typing-app/src/libs/api/index.ts

diff --git a/typing-app/docs/api-usage.md b/typing-app/docs/api-usage.md
index 60881ee..b27c755 100644
--- a/typing-app/docs/api-usage.md
+++ b/typing-app/docs/api-usage.md
@@ -6,8 +6,22 @@
 
 例えば、
 
-```ts
-// WIP
+```tsx
+import { client } from "@/libs/api";
+
+async function SomePageToGetRanking() {
+  const { data, error } = await client.GET("/scores/ranking");
+
+  if (error) {
+    return <div>Error</div>;
+  }
+
+  return (
+    <div>
+      ranking data: {JSON.stringify(data)}
+    </div>
+  );
+}
 ```
 
 のようにします。
diff --git a/typing-app/src/libs/api/index.ts b/typing-app/src/libs/api/index.ts
new file mode 100644
index 0000000..1ff62cd
--- /dev/null
+++ b/typing-app/src/libs/api/index.ts
@@ -0,0 +1,4 @@
+import createClient from "openapi-fetch";
+import { paths } from "./v1";
+
+export const client = createClient<paths>({ baseUrl: process.env.API_URL });