From c59191623334ac61d0e0869559e2e150b9c809ad Mon Sep 17 00:00:00 2001
From: shota <shotashiina132@gmail.com>
Date: Sun, 16 Jun 2024 14:04:26 +0900
Subject: [PATCH 1/6] =?UTF-8?q?EnterRoom=E4=BB=A5=E5=A4=96=E3=81=AEcss?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/lock.svg      | 11 ++++++
 src/pages/CreateRoom.vue | 80 ++++++++++++++++++++++++++--------------
 src/pages/HomePage.vue   | 16 ++++++--
 src/pages/RoomList.vue   | 72 +++++++++++++++++++++++++++---------
 4 files changed, 131 insertions(+), 48 deletions(-)
 create mode 100644 src/assets/lock.svg

diff --git a/src/assets/lock.svg b/src/assets/lock.svg
new file mode 100644
index 0000000..f55bb3d
--- /dev/null
+++ b/src/assets/lock.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#000000" height="800px" width="800px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
+	 viewBox="0 0 330 330" xml:space="preserve">
+<g id="XMLID_509_">
+	<path id="XMLID_510_" d="M65,330h200c8.284,0,15-6.716,15-15V145c0-8.284-6.716-15-15-15h-15V85c0-46.869-38.131-85-85-85
+		S80,38.131,80,85v45H65c-8.284,0-15,6.716-15,15v170C50,323.284,56.716,330,65,330z M180,234.986V255c0,8.284-6.716,15-15,15
+		s-15-6.716-15-15v-20.014c-6.068-4.565-10-11.824-10-19.986c0-13.785,11.215-25,25-25s25,11.215,25,25
+		C190,223.162,186.068,230.421,180,234.986z M110,85c0-30.327,24.673-55,55-55s55,24.673,55,55v45H110V85z"/>
+</g>
+</svg>
\ No newline at end of file
diff --git a/src/pages/CreateRoom.vue b/src/pages/CreateRoom.vue
index d80102f..79920c1 100644
--- a/src/pages/CreateRoom.vue
+++ b/src/pages/CreateRoom.vue
@@ -39,34 +39,33 @@ const submit = async () => {
 </script>
 
 <template>
-  <h1 id="title">部屋を作る</h1>
-  <label>
-    部屋を全体公開する
-    <input v-model="isPublic" type="checkbox" />
-  </label>
-  <label>
-    <p>
-      部屋名
-      <input v-model="newRoomName" type="text" />
-    </p>
-  </label>
-  <label v-if="!isPublic">
-    <p>
-      合言葉
-      <input v-model="roomPassword" type="text" />
-    </p>
-  </label>
-  <div>
-    <h2>現在の設定</h2>
-    <p>部屋名: {{ newRoomName }}</p>
-    <p>
-      部屋を全体公開
-      <span v-if="isPublic">する</span>
-      <span v-else>しない</span>
-    </p>
-    <p v-if="!isPublic">合言葉: {{ roomPassword }}</p>
+  <div class="createRoomContents">
+    <h2 id="title">部屋を作る</h2>
+    <table class="widthMax">
+      <tr>
+      <label>
+        <th>部屋を全体公開する</th>
+        <td><input v-model="isPublic" type="checkbox" class="createRoomInputCheckBox" /></td>
+      </label>
+      </tr>
+      <tr class="widthMax">
+        <label class="widthMax">
+        <th><span class="createRoomInputLabel">部屋名</span></th>
+        <td class="Td"><input v-model="newRoomName" type="text" placeholder="roomname" class="createRoomInputText" /></td>
+      </label>
+      </tr>
+      <tr class="widthMax">
+        <label v-if="!isPublic" class="widthMax">
+          <th><span class="createRoomInputLabel">合言葉</span></th>
+          <td class="Td"><input v-model="roomPassword" type="text" placeholder="password" class="createRoomInputText" /></td>
+        </label>
+      </tr>
+      </table>
+          <div style="text-align: right;">
+            <button @click="submit()" class="createRoomButton">作成</button>
+          </div>
+
   </div>
-  <button @click="submit()">作成する</button>
   <div class="err">
     {{ errorMsg }}
   </div>
@@ -79,4 +78,31 @@ const submit = async () => {
 .err {
   color: red;
 }
+.Td{
+  width: calc(100% - 70px);
+  display: inline-block;
+}
+.widthMax{
+  width: 100%;
+  display: inline-block;
+}
+.createRoomContents{
+  margin: 20px;
+}
+.createRoomInputCheckBox{ 
+  accent-color: #78996f
+
+}
+.createRoomInputLabel{
+  margin-right: 90px;
+}
+.createRoomInputText{ 
+  width: 100%;
+}
+.createRoomButton{
+  font-weight: bold;
+  width: 80px;
+  height: 45px;
+  margin: 30px;
+}
 </style>
diff --git a/src/pages/HomePage.vue b/src/pages/HomePage.vue
index 3d21ff4..375dea0 100644
--- a/src/pages/HomePage.vue
+++ b/src/pages/HomePage.vue
@@ -1,16 +1,16 @@
 <template>
-  <div>
+  <div class="homePageContents">
     <button
       class="changePageButton"
       @click="() => $router.push({ path: '/rooms' })"
     >
-      ルームを探す
+      部屋を探す
     </button>
     <button
       class="changePageButton"
       @click="() => $router.push({ path: '/rooms/create' })"
     >
-      ルームを作成
+      部屋を作る
     </button>
   </div>
 </template>
@@ -21,5 +21,15 @@
 }
 .changePageButton {
   margin: 10px;
+  font-weight: bold;
+  width: 150px;
+  height: 50px;
 }
+.homePageContents{
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+}
+
 </style>
diff --git a/src/pages/RoomList.vue b/src/pages/RoomList.vue
index c0a82d0..1e5dff3 100644
--- a/src/pages/RoomList.vue
+++ b/src/pages/RoomList.vue
@@ -10,24 +10,39 @@ onMounted(async () => {
 </script>
 
 <template>
-  <div>
-    <div v-for="room in rooms" :key="room.roomId">
-      <div
-        v-if="room.roomId && typeof room.isPublic == 'boolean'"
-        class="roomListForms"
+  <div class="roomListContents">
+    <h2>部屋一覧</h2>
+    <p>プライベートルームに入るには合言葉が必要です</p>
+    <div class="roomListForms">
+      <div v-for="room in rooms" :key="room.roomId"
       >
-        <!-- 下のpathは選択した部屋に入るページに飛ぶようにする -->
-        <button
-          @click="
-            () => {
-              $router.push({ path: '/rooms/' + room.roomId + '/enter' })
-            }
-          "
+        <div
+          v-if="room.roomId && typeof room.isPublic == 'boolean'"
         >
-          <div v-if="room.isPublic">フリールーム</div>
-          <div v-if="!room.isPublic">プライベートルーム</div>
-          {{ room.roomName }}, {{ room.userCount }}人参加中
-        </button>
+          <!-- 下のpathは選択した部屋に入るページに飛ぶようにする -->
+          <button
+            @click="
+              () => {
+                $router.push({ path: '/rooms/' + room.roomId + '/enter' })
+              }
+            "
+            class="roomListForm"
+          >
+            <div v-if="room.roomName.length <= 10"
+              class="roomListFormName"
+            >
+              {{ room.roomName }}
+              <img v-if="!room.isPublic" src="@/assets/lock.svg" alt="Lock SVG" class="lockImg" />
+            </div>
+            <div v-if="room.roomName.length > 10"
+              class="roomListFormName"
+            >
+            {{ room.roomName.substring(0,9) }}...
+            <img v-if="!room.isPublic" src="@/assets/lock.svg" alt="Lock SVG" class="lockImg" />
+          </div>
+            <div class="roomListFormNum">{{ room.userCount }}人が参加中</div>
+          </button>
+        </div>
       </div>
     </div>
   </div>
@@ -37,7 +52,28 @@ onMounted(async () => {
 .read-the-docs {
   color: #888;
 }
-.roomListForms {
-  margin: 10px;
+.roomListContents{
+  margin: 20px;
+}
+.roomListForms{
+  display: flex;
+	flex-wrap: wrap;
+	padding: 20px;
+}
+.roomListForm {
+  margin: 5px;
+  width: 160px;
+  height: 60px;
+}
+.roomListFormName{
+  font-weight: bold;
+}
+.lockImg{
+  width: 10px;
+  height: 10px;
+}
+.roomListFormNum{
+  margin-top: 5px;
+  font-size: 60%;
 }
 </style>

From f9fd33135238ad2cf443fc81b8baaba8ef411389 Mon Sep 17 00:00:00 2001
From: shota <shotashiina132@gmail.com>
Date: Sun, 16 Jun 2024 14:14:10 +0900
Subject: [PATCH 2/6] =?UTF-8?q?=E3=83=9C=E3=82=BF=E3=83=B3=E3=81=AE?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE=E3=80=81=E3=82=B5=E3=82=A4=E3=82=BA=E3=81=AE?=
 =?UTF-8?q?=E5=A4=89=E6=9B=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/CreateRoom.vue |  7 ++++---
 src/pages/HomePage.vue   |  4 ++--
 src/pages/RoomList.vue   | 10 +++++-----
 3 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/src/pages/CreateRoom.vue b/src/pages/CreateRoom.vue
index 79920c1..afe26b4 100644
--- a/src/pages/CreateRoom.vue
+++ b/src/pages/CreateRoom.vue
@@ -101,8 +101,9 @@ const submit = async () => {
 }
 .createRoomButton{
   font-weight: bold;
-  width: 80px;
-  height: 45px;
-  margin: 30px;
+  width: 100px;
+  height: 50px;
+  margin: 10px;
+  margin-right: 30px;
 }
 </style>
diff --git a/src/pages/HomePage.vue b/src/pages/HomePage.vue
index 375dea0..3152bc6 100644
--- a/src/pages/HomePage.vue
+++ b/src/pages/HomePage.vue
@@ -22,8 +22,8 @@
 .changePageButton {
   margin: 10px;
   font-weight: bold;
-  width: 150px;
-  height: 50px;
+  width: 190px;
+  height: 55px;
 }
 .homePageContents{
   display: flex;
diff --git a/src/pages/RoomList.vue b/src/pages/RoomList.vue
index 1e5dff3..30bdf5f 100644
--- a/src/pages/RoomList.vue
+++ b/src/pages/RoomList.vue
@@ -28,16 +28,16 @@ onMounted(async () => {
             "
             class="roomListForm"
           >
-            <div v-if="room.roomName.length <= 10"
+            <div v-if="room.roomName.length <= 20"
               class="roomListFormName"
             >
               {{ room.roomName }}
               <img v-if="!room.isPublic" src="@/assets/lock.svg" alt="Lock SVG" class="lockImg" />
             </div>
-            <div v-if="room.roomName.length > 10"
+            <div v-if="room.roomName.length > 20"
               class="roomListFormName"
             >
-            {{ room.roomName.substring(0,9) }}...
+            {{ room.roomName.substring(0,19) }}...
             <img v-if="!room.isPublic" src="@/assets/lock.svg" alt="Lock SVG" class="lockImg" />
           </div>
             <div class="roomListFormNum">{{ room.userCount }}人が参加中</div>
@@ -62,8 +62,8 @@ onMounted(async () => {
 }
 .roomListForm {
   margin: 5px;
-  width: 160px;
-  height: 60px;
+  width: 200px;
+  height: 70px;
 }
 .roomListFormName{
   font-weight: bold;

From d58320ec0dadacee713141ae990424df5858ac0c Mon Sep 17 00:00:00 2001
From: shota <shotashiina132@gmail.com>
Date: Sun, 16 Jun 2024 15:03:57 +0900
Subject: [PATCH 3/6] syuuseityuu

---
 src/pages/CreateRoom.vue | 64 ++++++++++++++++++++++++++--------------
 src/pages/HomePage.vue   |  3 +-
 src/pages/RoomList.vue   | 49 +++++++++++++++---------------
 3 files changed, 69 insertions(+), 47 deletions(-)

diff --git a/src/pages/CreateRoom.vue b/src/pages/CreateRoom.vue
index afe26b4..df019ef 100644
--- a/src/pages/CreateRoom.vue
+++ b/src/pages/CreateRoom.vue
@@ -43,28 +43,49 @@ const submit = async () => {
     <h2 id="title">部屋を作る</h2>
     <table class="widthMax">
       <tr>
-      <label>
-        <th>部屋を全体公開する</th>
-        <td><input v-model="isPublic" type="checkbox" class="createRoomInputCheckBox" /></td>
-      </label>
+        <label>
+          <th>部屋を全体公開する</th>
+          <td>
+            <input
+              v-model="isPublic"
+              type="checkbox"
+              class="createRoomInputCheckBox"
+            />
+          </td>
+        </label>
       </tr>
       <tr class="widthMax">
         <label class="widthMax">
-        <th><span class="createRoomInputLabel">部屋名</span></th>
-        <td class="Td"><input v-model="newRoomName" type="text" placeholder="roomname" class="createRoomInputText" /></td>
-      </label>
+          <th>
+            <span class="createRoomInputLabel">部屋名</span>
+          </th>
+          <td class="Td">
+            <input
+              v-model="newRoomName"
+              type="text"
+              placeholder="roomname"
+              class="createRoomInputText"
+            />
+          </td>
+        </label>
       </tr>
       <tr class="widthMax">
         <label v-if="!isPublic" class="widthMax">
           <th><span class="createRoomInputLabel">合言葉</span></th>
-          <td class="Td"><input v-model="roomPassword" type="text" placeholder="password" class="createRoomInputText" /></td>
+          <td class="Td">
+            <input
+              v-model="roomPassword"
+              type="text"
+              placeholder="password"
+              class="createRoomInputText"
+            />
+          </td>
         </label>
       </tr>
-      </table>
-          <div style="text-align: right;">
-            <button @click="submit()" class="createRoomButton">作成</button>
-          </div>
-
+    </table>
+    <div style="text-align: right">
+      <button class="createRoomButton" @click="submit()">作成</button>
+    </div>
   </div>
   <div class="err">
     {{ errorMsg }}
@@ -78,28 +99,27 @@ const submit = async () => {
 .err {
   color: red;
 }
-.Td{
+.Td {
   width: calc(100% - 70px);
   display: inline-block;
 }
-.widthMax{
+.widthMax {
   width: 100%;
   display: inline-block;
 }
-.createRoomContents{
+.createRoomContents {
   margin: 20px;
 }
-.createRoomInputCheckBox{ 
-  accent-color: #78996f
-
+.createRoomInputCheckBox {
+  accent-color: #78996f;
 }
-.createRoomInputLabel{
+.createRoomInputLabel {
   margin-right: 90px;
 }
-.createRoomInputText{ 
+.createRoomInputText {
   width: 100%;
 }
-.createRoomButton{
+.createRoomButton {
   font-weight: bold;
   width: 100px;
   height: 50px;
diff --git a/src/pages/HomePage.vue b/src/pages/HomePage.vue
index 3152bc6..c0d960f 100644
--- a/src/pages/HomePage.vue
+++ b/src/pages/HomePage.vue
@@ -25,11 +25,10 @@
   width: 190px;
   height: 55px;
 }
-.homePageContents{
+.homePageContents {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100%;
 }
-
 </style>
diff --git a/src/pages/RoomList.vue b/src/pages/RoomList.vue
index 30bdf5f..acf16c0 100644
--- a/src/pages/RoomList.vue
+++ b/src/pages/RoomList.vue
@@ -14,32 +14,35 @@ onMounted(async () => {
     <h2>部屋一覧</h2>
     <p>プライベートルームに入るには合言葉が必要です</p>
     <div class="roomListForms">
-      <div v-for="room in rooms" :key="room.roomId"
-      >
-        <div
-          v-if="room.roomId && typeof room.isPublic == 'boolean'"
-        >
+      <div v-for="room in rooms" :key="room.roomId">
+        <div v-if="room.roomId && typeof room.isPublic == 'boolean'">
           <!-- 下のpathは選択した部屋に入るページに飛ぶようにする -->
           <button
+            class="roomListForm"
             @click="
               () => {
                 $router.push({ path: '/rooms/' + room.roomId + '/enter' })
               }
             "
-            class="roomListForm"
           >
-            <div v-if="room.roomName.length <= 20"
-              class="roomListFormName"
-            >
+            <div v-if="room.roomName.length <= 20" class="roomListFormName">
               {{ room.roomName }}
-              <img v-if="!room.isPublic" src="@/assets/lock.svg" alt="Lock SVG" class="lockImg" />
+              <img
+                v-if="!room.isPublic"
+                src="@/assets/lock.svg"
+                alt="Lock SVG"
+                class="lockImg"
+              />
+            </div>
+            <div v-if="room.roomName.length > 20" class="roomListFormName">
+              {{ room.roomName.substring(0, 19) }}...
+              <img
+                v-if="!room.isPublic"
+                src="@/assets/lock.svg"
+                alt="Lock SVG"
+                class="lockImg"
+              />
             </div>
-            <div v-if="room.roomName.length > 20"
-              class="roomListFormName"
-            >
-            {{ room.roomName.substring(0,19) }}...
-            <img v-if="!room.isPublic" src="@/assets/lock.svg" alt="Lock SVG" class="lockImg" />
-          </div>
             <div class="roomListFormNum">{{ room.userCount }}人が参加中</div>
           </button>
         </div>
@@ -52,27 +55,27 @@ onMounted(async () => {
 .read-the-docs {
   color: #888;
 }
-.roomListContents{
+.roomListContents {
   margin: 20px;
 }
-.roomListForms{
+.roomListForms {
   display: flex;
-	flex-wrap: wrap;
-	padding: 20px;
+  flex-wrap: wrap;
+  padding: 20px;
 }
 .roomListForm {
   margin: 5px;
   width: 200px;
   height: 70px;
 }
-.roomListFormName{
+.roomListFormName {
   font-weight: bold;
 }
-.lockImg{
+.lockImg {
   width: 10px;
   height: 10px;
 }
-.roomListFormNum{
+.roomListFormNum {
   margin-top: 5px;
   font-size: 60%;
 }

From 1c695a76ac887648d1e93e86292c32c0d2dc404a Mon Sep 17 00:00:00 2001
From: shota <shotashiina132@gmail.com>
Date: Sun, 16 Jun 2024 16:05:38 +0900
Subject: [PATCH 4/6] =?UTF-8?q?getRooms=E3=81=AE=E5=A4=89=E6=9B=B4?=
 =?UTF-8?q?=E3=81=B8=E3=81=AE=E5=AF=BE=E5=BF=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/RoomList.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/RoomList.vue b/src/pages/RoomList.vue
index 71efed9..e435dea 100644
--- a/src/pages/RoomList.vue
+++ b/src/pages/RoomList.vue
@@ -6,7 +6,7 @@ import api, { GetRoomsInner } from '@/lib/apis'
 const rooms = ref<GetRoomsInner[]>([])
 onMounted(async () => {
   const res = await api.apiRoomsGet()
-  rooms.value = res.data
+  rooms.value = res.data.rooms
 })
 
 const router = useRouter()

From 073240b4cbb3e2fecb2cf93e6a25c7103601eab3 Mon Sep 17 00:00:00 2001
From: shota <shotashiina132@gmail.com>
Date: Sun, 16 Jun 2024 16:16:30 +0900
Subject: [PATCH 5/6] =?UTF-8?q?api=E3=81=AE=E5=9E=8B=E5=AE=9A=E7=BE=A9?=
 =?UTF-8?q?=E3=82=92=E5=A4=89=E6=9B=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lib/apis/generated/api.ts | 93 ++++++++++++++++++++++++-----------
 1 file changed, 65 insertions(+), 28 deletions(-)

diff --git a/src/lib/apis/generated/api.ts b/src/lib/apis/generated/api.ts
index 7b5deca..93ec792 100644
--- a/src/lib/apis/generated/api.ts
+++ b/src/lib/apis/generated/api.ts
@@ -64,33 +64,21 @@ export interface EnterRoomSuccess {
 /**
  * 
  * @export
- * @interface GetRoomsInner
+ * @interface GetRooms
  */
-export interface GetRoomsInner {
+export interface GetRooms {
     /**
      * 
-     * @type {string}
-     * @memberof GetRoomsInner
+     * @type {Array<Room>}
+     * @memberof GetRooms
      */
-    'roomId': string;
-    /**
-     * 
-     * @type {string}
-     * @memberof GetRoomsInner
-     */
-    'roomName': string;
+    'rooms': Array<Room>;
     /**
      * 
      * @type {boolean}
-     * @memberof GetRoomsInner
+     * @memberof GetRooms
      */
-    'isPublic': boolean;
-    /**
-     * 部屋に入っている人数
-     * @type {number}
-     * @memberof GetRoomsInner
-     */
-    'userCount': number;
+    'hasNext': boolean;
 }
 /**
  * 
@@ -136,6 +124,37 @@ export interface PostRoomSuccess {
      */
     'roomName': string;
 }
+/**
+ * 
+ * @export
+ * @interface Room
+ */
+export interface Room {
+    /**
+     * 
+     * @type {string}
+     * @memberof Room
+     */
+    'roomId': string;
+    /**
+     * 
+     * @type {string}
+     * @memberof Room
+     */
+    'roomName': string;
+    /**
+     * 
+     * @type {boolean}
+     * @memberof Room
+     */
+    'isPublic': boolean;
+    /**
+     * 部屋に入っている人数
+     * @type {number}
+     * @memberof Room
+     */
+    'userCount': number;
+}
 
 /**
  * DefaultApi - axios parameter creator
@@ -222,10 +241,12 @@ export const DefaultApiAxiosParamCreator = function (configuration?: Configurati
         /**
          * 
          * @summary 全ての部屋一覧を取得
+         * @param {number} [limit] 何件取得するか
+         * @param {number} [offset] 何件目から取得するか
          * @param {*} [options] Override http request option.
          * @throws {RequiredError}
          */
-        apiRoomsGet: async (options: RawAxiosRequestConfig = {}): Promise<RequestArgs> => {
+        apiRoomsGet: async (limit?: number, offset?: number, options: RawAxiosRequestConfig = {}): Promise<RequestArgs> => {
             const localVarPath = `/api/rooms`;
             // use dummy base URL string because the URL constructor only accepts absolute URLs.
             const localVarUrlObj = new URL(localVarPath, DUMMY_BASE_URL);
@@ -238,6 +259,14 @@ export const DefaultApiAxiosParamCreator = function (configuration?: Configurati
             const localVarHeaderParameter = {} as any;
             const localVarQueryParameter = {} as any;
 
+            if (limit !== undefined) {
+                localVarQueryParameter['limit'] = limit;
+            }
+
+            if (offset !== undefined) {
+                localVarQueryParameter['offset'] = offset;
+            }
+
 
     
             setSearchParams(localVarUrlObj, localVarQueryParameter);
@@ -323,11 +352,13 @@ export const DefaultApiFp = function(configuration?: Configuration) {
         /**
          * 
          * @summary 全ての部屋一覧を取得
+         * @param {number} [limit] 何件取得するか
+         * @param {number} [offset] 何件目から取得するか
          * @param {*} [options] Override http request option.
          * @throws {RequiredError}
          */
-        async apiRoomsGet(options?: RawAxiosRequestConfig): Promise<(axios?: AxiosInstance, basePath?: string) => AxiosPromise<Array<GetRoomsInner>>> {
-            const localVarAxiosArgs = await localVarAxiosParamCreator.apiRoomsGet(options);
+        async apiRoomsGet(limit?: number, offset?: number, options?: RawAxiosRequestConfig): Promise<(axios?: AxiosInstance, basePath?: string) => AxiosPromise<GetRooms>> {
+            const localVarAxiosArgs = await localVarAxiosParamCreator.apiRoomsGet(limit, offset, options);
             const localVarOperationServerIndex = configuration?.serverIndex ?? 0;
             const localVarOperationServerBasePath = operationServerMap['DefaultApi.apiRoomsGet']?.[localVarOperationServerIndex]?.url;
             return (axios, basePath) => createRequestFunction(localVarAxiosArgs, globalAxios, BASE_PATH, configuration)(axios, localVarOperationServerBasePath || basePath);
@@ -379,11 +410,13 @@ export const DefaultApiFactory = function (configuration?: Configuration, basePa
         /**
          * 
          * @summary 全ての部屋一覧を取得
+         * @param {number} [limit] 何件取得するか
+         * @param {number} [offset] 何件目から取得するか
          * @param {*} [options] Override http request option.
          * @throws {RequiredError}
          */
-        apiRoomsGet(options?: any): AxiosPromise<Array<GetRoomsInner>> {
-            return localVarFp.apiRoomsGet(options).then((request) => request(axios, basePath));
+        apiRoomsGet(limit?: number, offset?: number, options?: any): AxiosPromise<GetRooms> {
+            return localVarFp.apiRoomsGet(limit, offset, options).then((request) => request(axios, basePath));
         },
         /**
          * 
@@ -433,12 +466,14 @@ export class DefaultApi extends BaseAPI {
     /**
      * 
      * @summary 全ての部屋一覧を取得
+     * @param {number} [limit] 何件取得するか
+     * @param {number} [offset] 何件目から取得するか
      * @param {*} [options] Override http request option.
      * @throws {RequiredError}
      * @memberof DefaultApi
      */
-    public apiRoomsGet(options?: RawAxiosRequestConfig) {
-        return DefaultApiFp(this.configuration).apiRoomsGet(options).then((request) => request(this.axios, this.basePath));
+    public apiRoomsGet(limit?: number, offset?: number, options?: RawAxiosRequestConfig) {
+        return DefaultApiFp(this.configuration).apiRoomsGet(limit, offset, options).then((request) => request(this.axios, this.basePath));
     }
 
     /**
@@ -483,12 +518,14 @@ export class Apis extends BaseAPI {
     /**
      *
      * @summary 全ての部屋一覧を取得
+     * @param {number} [limit] 何件取得するか
+     * @param {number} [offset] 何件目から取得するか
      * @param {*} [options] Override http request option.
      * @throws {RequiredError}
      * @memberof DefaultApi
      */
-    public apiRoomsGet(options?: RawAxiosRequestConfig) {
-        return DefaultApiFp(this.configuration).apiRoomsGet(options).then((request) => request(this.axios, this.basePath));
+    public apiRoomsGet(limit?: number, offset?: number, options?: RawAxiosRequestConfig) {
+        return DefaultApiFp(this.configuration).apiRoomsGet(limit, offset, options).then((request) => request(this.axios, this.basePath));
     }
 
     /**

From 9cd3e850538572cc64d8650ea80186825c3815a9 Mon Sep 17 00:00:00 2001
From: shota <shotashiina132@gmail.com>
Date: Sun, 16 Jun 2024 16:25:45 +0900
Subject: [PATCH 6/6] =?UTF-8?q?Room=E3=81=AEerror=E3=81=AE=E4=BF=AE?=
 =?UTF-8?q?=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/RoomList.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/pages/RoomList.vue b/src/pages/RoomList.vue
index e435dea..91cc037 100644
--- a/src/pages/RoomList.vue
+++ b/src/pages/RoomList.vue
@@ -1,16 +1,16 @@
 <script setup lang="ts">
 import { onMounted, ref } from 'vue'
 import { useRouter } from 'vue-router'
-import api, { GetRoomsInner } from '@/lib/apis'
+import api, { Room } from '@/lib/apis'
 
-const rooms = ref<GetRoomsInner[]>([])
+const rooms = ref<Room[]>([])
 onMounted(async () => {
   const res = await api.apiRoomsGet()
   rooms.value = res.data.rooms
 })
 
 const router = useRouter()
-const enterRoom = (room: GetRoomsInner) => {
+const enterRoom = (room: Room) => {
   let query = undefined
   if (!room.isPublic) {
     query = { isPrivate: 1 }