From 23e74cfbcc646e02e07870a73ab470b85b5c17e1 Mon Sep 17 00:00:00 2001
From: Nzt3 <nzt3pro@gmail.com>
Date: Sat, 15 Jun 2024 12:08:56 +0900
Subject: [PATCH 01/15] add createRoom

---
 src/pages/CreateRoom.vue | 86 +++++++++++++++++++++++++---------------
 1 file changed, 53 insertions(+), 33 deletions(-)

diff --git a/src/pages/CreateRoom.vue b/src/pages/CreateRoom.vue
index eadb5f6..c50f6b7 100644
--- a/src/pages/CreateRoom.vue
+++ b/src/pages/CreateRoom.vue
@@ -1,45 +1,65 @@
 <script setup lang="ts">
 import { ref } from 'vue'
+import router from '../router';
+// 部屋を作る
+// 必須: 部屋の名前, open/private 選択
+// private -> passwordも必要
 
-defineProps<{ msg: string }>()
+const baseUrl=''
+const isPublic=ref(true)
+const roomName=ref('')
+const roomPassrowd=ref('')
+const errorMsg=ref('')
+function submit() {
+  if(roomName.value==''){
+    errorMsg.value="部屋名を設定してください"
+  }else if(!isPublic.value && !roomPassrowd.value){
+    errorMsg.value="合言葉を設定してください"
+  }else{
+    // 全ての設定がOK
+    errorMsg.value=''
+    const url=baseUrl+"/api/room"
+    const roominfo=JSON.stringify({
+      "isPublic": isPublic.value,
+      "name": roomName.value,
+      "password": roomPassrowd.value
+    })
+    // post(url,body)
+    // const roomId=""
+    // $router.push("room/"+roomId)
+  }
+}
 
-const count = ref(0)
 </script>
 
 <template>
-  <h1>{{ msg }}</h1>
-
-  <div class="card">
-    <button
-      type="button"
-      @click="count++"
-    >
-      count is {{ count }}
-    </button>
-    <p>
-      Edit
-      <code>components/HelloWorld.vue</code> to test HMR
+  <h1 id="title">部屋を作る</h1>
+  <label> 部屋を全体公開する
+  <input type="checkbox" v-model="isPublic">
+  </label>
+  <label>
+    <p>部屋名
+      <input type="text" v-model="roomName">
     </p>
-  </div>
-
-  <p>
-    Check out
-    <a
-      href="https://vuejs.org/guide/quick-start.html#local"
-      target="_blank"
-    >create-vue</a>, the official Vue + Vite starter
-  </p>
-  <p>
-    Install
-    <a
-      href="https://github.com/vuejs/language-tools"
-      target="_blank"
-    >Volar</a>
-    in your IDE for a better DX
-  </p>
-  <p class="read-the-docs">
-    Click on the Vite and Vue logos to learn more
+  </label>
+  <label v-if="!isPublic">
+    <p>合言葉
+      <input type="text" v-model="roomPassrowd">
+    </p>
+  </label>
+  <div>
+    <h2>現在の設定</h2>
+    <p>部屋名: {{ roomName }}</p>
+    <p>部屋を全体公開 
+      <span v-if="isPublic">する</span>
+      <span v-else>しない</span>
   </p>
+    <p v-if="!isPublic">合言葉: {{ roomPassrowd }}</p>
+  </div>
+  <button @click="submit()">作成する</button>
+  <div class="errorMsg">
+    {{ errorMsg }}
+  </div>
 </template>
 
 <style scoped>

From 28cf0910d475655015d565f2d161c124dc9298fa Mon Sep 17 00:00:00 2001
From: Nzt3 <nzt3pro@gmail.com>
Date: Sat, 15 Jun 2024 12:20:04 +0900
Subject: [PATCH 02/15] add router

---
 src/pages/CreateRoom.vue | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/pages/CreateRoom.vue b/src/pages/CreateRoom.vue
index c50f6b7..221caf4 100644
--- a/src/pages/CreateRoom.vue
+++ b/src/pages/CreateRoom.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import { ref } from 'vue'
-import router from '../router';
 // 部屋を作る
 // 必須: 部屋の名前, open/private 選択
 // private -> passwordも必要
@@ -10,7 +9,7 @@ const isPublic=ref(true)
 const roomName=ref('')
 const roomPassrowd=ref('')
 const errorMsg=ref('')
-function submit() {
+const submit = ()=>  {
   if(roomName.value==''){
     errorMsg.value="部屋名を設定してください"
   }else if(!isPublic.value && !roomPassrowd.value){
@@ -24,9 +23,9 @@ function submit() {
       "name": roomName.value,
       "password": roomPassrowd.value
     })
-    // post(url,body)
-    // const roomId=""
-    // $router.push("room/"+roomId)
+    // res,err =post(url,body)
+    const roomId="" 
+    this.$router.push({path:"room/${roomId}"})
   }
 }
 
@@ -57,7 +56,7 @@ function submit() {
     <p v-if="!isPublic">合言葉: {{ roomPassrowd }}</p>
   </div>
   <button @click="submit()">作成する</button>
-  <div class="errorMsg">
+  <div class="err">
     {{ errorMsg }}
   </div>
 </template>
@@ -66,4 +65,7 @@ function submit() {
 .read-the-docs {
   color: #888;
 }
+.err{
+  color: red;
+}
 </style>

From 65251c4e7dedb7946f41d30db948cd0492a44fab Mon Sep 17 00:00:00 2001
From: Nzt3 <nzt3pro@gmail.com>
Date: Sat, 15 Jun 2024 12:28:54 +0900
Subject: [PATCH 03/15] set router

---
 src/pages/CreateRoom.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/pages/CreateRoom.vue b/src/pages/CreateRoom.vue
index 221caf4..db1f544 100644
--- a/src/pages/CreateRoom.vue
+++ b/src/pages/CreateRoom.vue
@@ -25,7 +25,9 @@ const submit = ()=>  {
     })
     // res,err =post(url,body)
     const roomId="" 
-    this.$router.push({path:"room/${roomId}"})
+    this.$router.push(
+      {path:"rooms/${roomId}/enter",query:{password : roomPassrowd.value}}
+    )
   }
 }
 

From 970122fcd07f72465f68643c85b1a7575136371b Mon Sep 17 00:00:00 2001
From: Nzt3 <nzt3pro@gmail.com>
Date: Sat, 15 Jun 2024 12:58:05 +0900
Subject: [PATCH 04/15] set router

---
 src/pages/CreateRoom.vue | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/pages/CreateRoom.vue b/src/pages/CreateRoom.vue
index db1f544..04d7758 100644
--- a/src/pages/CreateRoom.vue
+++ b/src/pages/CreateRoom.vue
@@ -1,5 +1,7 @@
 <script setup lang="ts">
 import { ref } from 'vue'
+import { useRouter } from 'vue-router';
+const router = useRouter()
 // 部屋を作る
 // 必須: 部屋の名前, open/private 選択
 // private -> passwordも必要
@@ -9,6 +11,7 @@ const isPublic=ref(true)
 const roomName=ref('')
 const roomPassrowd=ref('')
 const errorMsg=ref('')
+
 const submit = ()=>  {
   if(roomName.value==''){
     errorMsg.value="部屋名を設定してください"
@@ -24,13 +27,12 @@ const submit = ()=>  {
       "password": roomPassrowd.value
     })
     // res,err =post(url,body)
-    const roomId="" 
-    this.$router.push(
-      {path:"rooms/${roomId}/enter",query:{password : roomPassrowd.value}}
+    const roomId="xxxx"
+    router.push(
+      {path:`/rooms/${roomId}`,query:{password : roomPassrowd.value}}
     )
   }
 }
-
 </script>
 
 <template>
@@ -51,7 +53,7 @@ const submit = ()=>  {
   <div>
     <h2>現在の設定</h2>
     <p>部屋名: {{ roomName }}</p>
-    <p>部屋を全体公開 
+    <p>部屋を全体公開
       <span v-if="isPublic">する</span>
       <span v-else>しない</span>
   </p>

From 9807146686dc0dfc1f1d6e1bc7b45086d1ad19ee Mon Sep 17 00:00:00 2001
From: Rozelin <rozelin.dc@gmail.com>
Date: Sat, 15 Jun 2024 14:32:45 +0900
Subject: [PATCH 05/15] =?UTF-8?q?tsconfig=E3=81=AE=E8=A8=AD=E5=AE=9A?=
 =?UTF-8?q?=E3=82=92=E7=9B=B4=E3=81=97=E3=81=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main.ts   | 4 +---
 tsconfig.json | 7 ++++++-
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/main.ts b/src/main.ts
index 8e19cb8..dafe0d9 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -4,6 +4,4 @@ import '@/style.css'
 import App from '@/App.vue'
 import router from '@/router'
 
-const pina = createPinia()
-
-createApp(App).use(router).use(pina).mount('#app')
+createApp(App).use(router).use(createPinia()).mount('#app')
diff --git a/tsconfig.json b/tsconfig.json
index 9e03e60..89fa708 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -18,7 +18,12 @@
     "strict": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
+    "noFallthroughCasesInSwitch": true,
+
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"]
+    }
   },
   "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"],
   "references": [{ "path": "./tsconfig.node.json" }]

From 5478aa278dba9967b2ba975332d53ce0d71940df Mon Sep 17 00:00:00 2001
From: Rozelin <rozelin.dc@gmail.com>
Date: Sat, 15 Jun 2024 14:41:40 +0900
Subject: [PATCH 06/15] =?UTF-8?q?=E8=87=AA=E5=8B=95=E7=94=9F=E6=88=90?=
 =?UTF-8?q?=E3=82=B3=E3=83=BC=E3=83=89=E3=82=92=E5=90=AB=E3=82=81=E3=82=8B?=
 =?UTF-8?q?=E3=82=88=E3=81=86=E3=81=AB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore                                    |   2 -
 src/lib/apis/generated/.gitignore             |   4 +
 src/lib/apis/generated/.npmignore             |   1 +
 .../apis/generated/.openapi-generator-ignore  |  23 +
 .../apis/generated/.openapi-generator/FILES   |   8 +
 .../apis/generated/.openapi-generator/VERSION |   1 +
 src/lib/apis/generated/api.ts                 | 505 ++++++++++++++++++
 src/lib/apis/generated/base.ts                |  86 +++
 src/lib/apis/generated/common.ts              | 150 ++++++
 src/lib/apis/generated/configuration.ts       | 110 ++++
 src/lib/apis/generated/git_push.sh            |  57 ++
 src/lib/apis/generated/index.ts               |  18 +
 12 files changed, 963 insertions(+), 2 deletions(-)
 create mode 100644 src/lib/apis/generated/.gitignore
 create mode 100644 src/lib/apis/generated/.npmignore
 create mode 100644 src/lib/apis/generated/.openapi-generator-ignore
 create mode 100644 src/lib/apis/generated/.openapi-generator/FILES
 create mode 100644 src/lib/apis/generated/.openapi-generator/VERSION
 create mode 100644 src/lib/apis/generated/api.ts
 create mode 100644 src/lib/apis/generated/base.ts
 create mode 100644 src/lib/apis/generated/common.ts
 create mode 100644 src/lib/apis/generated/configuration.ts
 create mode 100644 src/lib/apis/generated/git_push.sh
 create mode 100644 src/lib/apis/generated/index.ts

diff --git a/.gitignore b/.gitignore
index 77103a3..a547bf3 100644
--- a/.gitignore
+++ b/.gitignore
@@ -22,5 +22,3 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
-
-src/lib/apis/generated
diff --git a/src/lib/apis/generated/.gitignore b/src/lib/apis/generated/.gitignore
new file mode 100644
index 0000000..149b576
--- /dev/null
+++ b/src/lib/apis/generated/.gitignore
@@ -0,0 +1,4 @@
+wwwroot/*.js
+node_modules
+typings
+dist
diff --git a/src/lib/apis/generated/.npmignore b/src/lib/apis/generated/.npmignore
new file mode 100644
index 0000000..999d88d
--- /dev/null
+++ b/src/lib/apis/generated/.npmignore
@@ -0,0 +1 @@
+# empty npmignore to ensure all required files (e.g., in the dist folder) are published by npm
\ No newline at end of file
diff --git a/src/lib/apis/generated/.openapi-generator-ignore b/src/lib/apis/generated/.openapi-generator-ignore
new file mode 100644
index 0000000..7484ee5
--- /dev/null
+++ b/src/lib/apis/generated/.openapi-generator-ignore
@@ -0,0 +1,23 @@
+# OpenAPI Generator Ignore
+# Generated by openapi-generator https://github.com/openapitools/openapi-generator
+
+# Use this file to prevent files from being overwritten by the generator.
+# The patterns follow closely to .gitignore or .dockerignore.
+
+# As an example, the C# client generator defines ApiClient.cs.
+# You can make changes and tell OpenAPI Generator to ignore just this file by uncommenting the following line:
+#ApiClient.cs
+
+# You can match any string of characters against a directory, file or extension with a single asterisk (*):
+#foo/*/qux
+# The above matches foo/bar/qux and foo/baz/qux, but not foo/bar/baz/qux
+
+# You can recursively match patterns against a directory, file or extension with a double asterisk (**):
+#foo/**/qux
+# This matches foo/bar/qux, foo/baz/qux, and foo/bar/baz/qux
+
+# You can also negate patterns with an exclamation (!).
+# For example, you can ignore all files in a docs folder with the file extension .md:
+#docs/*.md
+# Then explicitly reverse the ignore rule for a single file:
+#!docs/README.md
diff --git a/src/lib/apis/generated/.openapi-generator/FILES b/src/lib/apis/generated/.openapi-generator/FILES
new file mode 100644
index 0000000..a80cd4f
--- /dev/null
+++ b/src/lib/apis/generated/.openapi-generator/FILES
@@ -0,0 +1,8 @@
+.gitignore
+.npmignore
+api.ts
+base.ts
+common.ts
+configuration.ts
+git_push.sh
+index.ts
diff --git a/src/lib/apis/generated/.openapi-generator/VERSION b/src/lib/apis/generated/.openapi-generator/VERSION
new file mode 100644
index 0000000..93c8dda
--- /dev/null
+++ b/src/lib/apis/generated/.openapi-generator/VERSION
@@ -0,0 +1 @@
+7.6.0
diff --git a/src/lib/apis/generated/api.ts b/src/lib/apis/generated/api.ts
new file mode 100644
index 0000000..7b5deca
--- /dev/null
+++ b/src/lib/apis/generated/api.ts
@@ -0,0 +1,505 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * hackathon 24spring 19
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 1.0.0
+ * 
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+
+import type { Configuration } from './configuration';
+import type { AxiosPromise, AxiosInstance, RawAxiosRequestConfig } from 'axios';
+import globalAxios from 'axios';
+// Some imports not used depending on template conditions
+// @ts-ignore
+import { DUMMY_BASE_URL, assertParamExists, setApiKeyToObject, setBasicAuthToObject, setBearerAuthToObject, setOAuthToObject, setSearchParams, serializeDataIfNeeded, toPathString, createRequestFunction } from './common';
+import type { RequestArgs } from './base';
+// @ts-ignore
+import { BASE_PATH, COLLECTION_FORMATS, BaseAPI, RequiredError, operationServerMap } from './base';
+
+/**
+ * 
+ * @export
+ * @interface EnterRoom
+ */
+export interface EnterRoom {
+    /**
+     * ユーザ名
+     * @type {string}
+     * @memberof EnterRoom
+     */
+    'userName': string;
+    /**
+     * 非公開の場合のパスワード
+     * @type {string}
+     * @memberof EnterRoom
+     */
+    'password'?: string;
+}
+/**
+ * 
+ * @export
+ * @interface EnterRoomSuccess
+ */
+export interface EnterRoomSuccess {
+    /**
+     * ユーザーID
+     * @type {string}
+     * @memberof EnterRoomSuccess
+     */
+    'userId': string;
+    /**
+     * ユーザー名
+     * @type {string}
+     * @memberof EnterRoomSuccess
+     */
+    'userName': string;
+}
+/**
+ * 
+ * @export
+ * @interface GetRoomsInner
+ */
+export interface GetRoomsInner {
+    /**
+     * 
+     * @type {string}
+     * @memberof GetRoomsInner
+     */
+    'roomId': string;
+    /**
+     * 
+     * @type {string}
+     * @memberof GetRoomsInner
+     */
+    'roomName': string;
+    /**
+     * 
+     * @type {boolean}
+     * @memberof GetRoomsInner
+     */
+    'isPublic': boolean;
+    /**
+     * 部屋に入っている人数
+     * @type {number}
+     * @memberof GetRoomsInner
+     */
+    'userCount': number;
+}
+/**
+ * 
+ * @export
+ * @interface PostRoom
+ */
+export interface PostRoom {
+    /**
+     * 部屋の種類(公開か非公開か)
+     * @type {boolean}
+     * @memberof PostRoom
+     */
+    'isPublic': boolean;
+    /**
+     * 部屋名
+     * @type {string}
+     * @memberof PostRoom
+     */
+    'roomName': string;
+    /**
+     * 非公開の場合のパスワード
+     * @type {string}
+     * @memberof PostRoom
+     */
+    'password'?: string;
+}
+/**
+ * 
+ * @export
+ * @interface PostRoomSuccess
+ */
+export interface PostRoomSuccess {
+    /**
+     * 部屋ID
+     * @type {string}
+     * @memberof PostRoomSuccess
+     */
+    'roomId': string;
+    /**
+     * 部屋名
+     * @type {string}
+     * @memberof PostRoomSuccess
+     */
+    'roomName': string;
+}
+
+/**
+ * DefaultApi - axios parameter creator
+ * @export
+ */
+export const DefaultApiAxiosParamCreator = function (configuration?: Configuration) {
+    return {
+        /**
+         * 
+         * @summary 部屋を作成
+         * @param {PostRoom} postRoom 
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        apiRoomPost: async (postRoom: PostRoom, options: RawAxiosRequestConfig = {}): Promise<RequestArgs> => {
+            // verify required parameter 'postRoom' is not null or undefined
+            assertParamExists('apiRoomPost', 'postRoom', postRoom)
+            const localVarPath = `/api/room`;
+            // use dummy base URL string because the URL constructor only accepts absolute URLs.
+            const localVarUrlObj = new URL(localVarPath, DUMMY_BASE_URL);
+            let baseOptions;
+            if (configuration) {
+                baseOptions = configuration.baseOptions;
+            }
+
+            const localVarRequestOptions = { method: 'POST', ...baseOptions, ...options};
+            const localVarHeaderParameter = {} as any;
+            const localVarQueryParameter = {} as any;
+
+
+    
+            localVarHeaderParameter['Content-Type'] = 'application/json';
+
+            setSearchParams(localVarUrlObj, localVarQueryParameter);
+            let headersFromBaseOptions = baseOptions && baseOptions.headers ? baseOptions.headers : {};
+            localVarRequestOptions.headers = {...localVarHeaderParameter, ...headersFromBaseOptions, ...options.headers};
+            localVarRequestOptions.data = serializeDataIfNeeded(postRoom, localVarRequestOptions, configuration)
+
+            return {
+                url: toPathString(localVarUrlObj),
+                options: localVarRequestOptions,
+            };
+        },
+        /**
+         * 
+         * @summary 部屋に入る
+         * @param {string} roomId 
+         * @param {EnterRoom} enterRoom 
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        apiRoomRoomIdEnterPost: async (roomId: string, enterRoom: EnterRoom, options: RawAxiosRequestConfig = {}): Promise<RequestArgs> => {
+            // verify required parameter 'roomId' is not null or undefined
+            assertParamExists('apiRoomRoomIdEnterPost', 'roomId', roomId)
+            // verify required parameter 'enterRoom' is not null or undefined
+            assertParamExists('apiRoomRoomIdEnterPost', 'enterRoom', enterRoom)
+            const localVarPath = `/api/room/{roomId}/enter`
+                .replace(`{${"roomId"}}`, encodeURIComponent(String(roomId)));
+            // use dummy base URL string because the URL constructor only accepts absolute URLs.
+            const localVarUrlObj = new URL(localVarPath, DUMMY_BASE_URL);
+            let baseOptions;
+            if (configuration) {
+                baseOptions = configuration.baseOptions;
+            }
+
+            const localVarRequestOptions = { method: 'POST', ...baseOptions, ...options};
+            const localVarHeaderParameter = {} as any;
+            const localVarQueryParameter = {} as any;
+
+
+    
+            localVarHeaderParameter['Content-Type'] = 'application/json';
+
+            setSearchParams(localVarUrlObj, localVarQueryParameter);
+            let headersFromBaseOptions = baseOptions && baseOptions.headers ? baseOptions.headers : {};
+            localVarRequestOptions.headers = {...localVarHeaderParameter, ...headersFromBaseOptions, ...options.headers};
+            localVarRequestOptions.data = serializeDataIfNeeded(enterRoom, localVarRequestOptions, configuration)
+
+            return {
+                url: toPathString(localVarUrlObj),
+                options: localVarRequestOptions,
+            };
+        },
+        /**
+         * 
+         * @summary 全ての部屋一覧を取得
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        apiRoomsGet: async (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);
+            let baseOptions;
+            if (configuration) {
+                baseOptions = configuration.baseOptions;
+            }
+
+            const localVarRequestOptions = { method: 'GET', ...baseOptions, ...options};
+            const localVarHeaderParameter = {} as any;
+            const localVarQueryParameter = {} as any;
+
+
+    
+            setSearchParams(localVarUrlObj, localVarQueryParameter);
+            let headersFromBaseOptions = baseOptions && baseOptions.headers ? baseOptions.headers : {};
+            localVarRequestOptions.headers = {...localVarHeaderParameter, ...headersFromBaseOptions, ...options.headers};
+
+            return {
+                url: toPathString(localVarUrlObj),
+                options: localVarRequestOptions,
+            };
+        },
+        /**
+         * 
+         * @summary WebSocket接続
+         * @param {string} roomId 
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        apiWsRoomIdGet: async (roomId: string, options: RawAxiosRequestConfig = {}): Promise<RequestArgs> => {
+            // verify required parameter 'roomId' is not null or undefined
+            assertParamExists('apiWsRoomIdGet', 'roomId', roomId)
+            const localVarPath = `/api/ws/{roomId}`
+                .replace(`{${"roomId"}}`, encodeURIComponent(String(roomId)));
+            // use dummy base URL string because the URL constructor only accepts absolute URLs.
+            const localVarUrlObj = new URL(localVarPath, DUMMY_BASE_URL);
+            let baseOptions;
+            if (configuration) {
+                baseOptions = configuration.baseOptions;
+            }
+
+            const localVarRequestOptions = { method: 'GET', ...baseOptions, ...options};
+            const localVarHeaderParameter = {} as any;
+            const localVarQueryParameter = {} as any;
+
+
+    
+            setSearchParams(localVarUrlObj, localVarQueryParameter);
+            let headersFromBaseOptions = baseOptions && baseOptions.headers ? baseOptions.headers : {};
+            localVarRequestOptions.headers = {...localVarHeaderParameter, ...headersFromBaseOptions, ...options.headers};
+
+            return {
+                url: toPathString(localVarUrlObj),
+                options: localVarRequestOptions,
+            };
+        },
+    }
+};
+
+/**
+ * DefaultApi - functional programming interface
+ * @export
+ */
+export const DefaultApiFp = function(configuration?: Configuration) {
+    const localVarAxiosParamCreator = DefaultApiAxiosParamCreator(configuration)
+    return {
+        /**
+         * 
+         * @summary 部屋を作成
+         * @param {PostRoom} postRoom 
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        async apiRoomPost(postRoom: PostRoom, options?: RawAxiosRequestConfig): Promise<(axios?: AxiosInstance, basePath?: string) => AxiosPromise<PostRoomSuccess>> {
+            const localVarAxiosArgs = await localVarAxiosParamCreator.apiRoomPost(postRoom, options);
+            const localVarOperationServerIndex = configuration?.serverIndex ?? 0;
+            const localVarOperationServerBasePath = operationServerMap['DefaultApi.apiRoomPost']?.[localVarOperationServerIndex]?.url;
+            return (axios, basePath) => createRequestFunction(localVarAxiosArgs, globalAxios, BASE_PATH, configuration)(axios, localVarOperationServerBasePath || basePath);
+        },
+        /**
+         * 
+         * @summary 部屋に入る
+         * @param {string} roomId 
+         * @param {EnterRoom} enterRoom 
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        async apiRoomRoomIdEnterPost(roomId: string, enterRoom: EnterRoom, options?: RawAxiosRequestConfig): Promise<(axios?: AxiosInstance, basePath?: string) => AxiosPromise<EnterRoomSuccess>> {
+            const localVarAxiosArgs = await localVarAxiosParamCreator.apiRoomRoomIdEnterPost(roomId, enterRoom, options);
+            const localVarOperationServerIndex = configuration?.serverIndex ?? 0;
+            const localVarOperationServerBasePath = operationServerMap['DefaultApi.apiRoomRoomIdEnterPost']?.[localVarOperationServerIndex]?.url;
+            return (axios, basePath) => createRequestFunction(localVarAxiosArgs, globalAxios, BASE_PATH, configuration)(axios, localVarOperationServerBasePath || basePath);
+        },
+        /**
+         * 
+         * @summary 全ての部屋一覧を取得
+         * @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);
+            const localVarOperationServerIndex = configuration?.serverIndex ?? 0;
+            const localVarOperationServerBasePath = operationServerMap['DefaultApi.apiRoomsGet']?.[localVarOperationServerIndex]?.url;
+            return (axios, basePath) => createRequestFunction(localVarAxiosArgs, globalAxios, BASE_PATH, configuration)(axios, localVarOperationServerBasePath || basePath);
+        },
+        /**
+         * 
+         * @summary WebSocket接続
+         * @param {string} roomId 
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        async apiWsRoomIdGet(roomId: string, options?: RawAxiosRequestConfig): Promise<(axios?: AxiosInstance, basePath?: string) => AxiosPromise<void>> {
+            const localVarAxiosArgs = await localVarAxiosParamCreator.apiWsRoomIdGet(roomId, options);
+            const localVarOperationServerIndex = configuration?.serverIndex ?? 0;
+            const localVarOperationServerBasePath = operationServerMap['DefaultApi.apiWsRoomIdGet']?.[localVarOperationServerIndex]?.url;
+            return (axios, basePath) => createRequestFunction(localVarAxiosArgs, globalAxios, BASE_PATH, configuration)(axios, localVarOperationServerBasePath || basePath);
+        },
+    }
+};
+
+/**
+ * DefaultApi - factory interface
+ * @export
+ */
+export const DefaultApiFactory = function (configuration?: Configuration, basePath?: string, axios?: AxiosInstance) {
+    const localVarFp = DefaultApiFp(configuration)
+    return {
+        /**
+         * 
+         * @summary 部屋を作成
+         * @param {PostRoom} postRoom 
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        apiRoomPost(postRoom: PostRoom, options?: any): AxiosPromise<PostRoomSuccess> {
+            return localVarFp.apiRoomPost(postRoom, options).then((request) => request(axios, basePath));
+        },
+        /**
+         * 
+         * @summary 部屋に入る
+         * @param {string} roomId 
+         * @param {EnterRoom} enterRoom 
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        apiRoomRoomIdEnterPost(roomId: string, enterRoom: EnterRoom, options?: any): AxiosPromise<EnterRoomSuccess> {
+            return localVarFp.apiRoomRoomIdEnterPost(roomId, enterRoom, options).then((request) => request(axios, basePath));
+        },
+        /**
+         * 
+         * @summary 全ての部屋一覧を取得
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        apiRoomsGet(options?: any): AxiosPromise<Array<GetRoomsInner>> {
+            return localVarFp.apiRoomsGet(options).then((request) => request(axios, basePath));
+        },
+        /**
+         * 
+         * @summary WebSocket接続
+         * @param {string} roomId 
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        apiWsRoomIdGet(roomId: string, options?: any): AxiosPromise<void> {
+            return localVarFp.apiWsRoomIdGet(roomId, options).then((request) => request(axios, basePath));
+        },
+    };
+};
+
+/**
+ * DefaultApi - object-oriented interface
+ * @export
+ * @class DefaultApi
+ * @extends {BaseAPI}
+ */
+export class DefaultApi extends BaseAPI {
+    /**
+     * 
+     * @summary 部屋を作成
+     * @param {PostRoom} postRoom 
+     * @param {*} [options] Override http request option.
+     * @throws {RequiredError}
+     * @memberof DefaultApi
+     */
+    public apiRoomPost(postRoom: PostRoom, options?: RawAxiosRequestConfig) {
+        return DefaultApiFp(this.configuration).apiRoomPost(postRoom, options).then((request) => request(this.axios, this.basePath));
+    }
+
+    /**
+     * 
+     * @summary 部屋に入る
+     * @param {string} roomId 
+     * @param {EnterRoom} enterRoom 
+     * @param {*} [options] Override http request option.
+     * @throws {RequiredError}
+     * @memberof DefaultApi
+     */
+    public apiRoomRoomIdEnterPost(roomId: string, enterRoom: EnterRoom, options?: RawAxiosRequestConfig) {
+        return DefaultApiFp(this.configuration).apiRoomRoomIdEnterPost(roomId, enterRoom, options).then((request) => request(this.axios, this.basePath));
+    }
+
+    /**
+     * 
+     * @summary 全ての部屋一覧を取得
+     * @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));
+    }
+
+    /**
+     * 
+     * @summary WebSocket接続
+     * @param {string} roomId 
+     * @param {*} [options] Override http request option.
+     * @throws {RequiredError}
+     * @memberof DefaultApi
+     */
+    public apiWsRoomIdGet(roomId: string, options?: RawAxiosRequestConfig) {
+        return DefaultApiFp(this.configuration).apiWsRoomIdGet(roomId, options).then((request) => request(this.axios, this.basePath));
+    }
+}
+
+export class Apis extends BaseAPI {
+    /**
+     *
+     * @summary 部屋を作成
+     * @param {PostRoom} postRoom
+     * @param {*} [options] Override http request option.
+     * @throws {RequiredError}
+     * @memberof DefaultApi
+     */
+    public apiRoomPost(postRoom: PostRoom, options?: RawAxiosRequestConfig) {
+        return DefaultApiFp(this.configuration).apiRoomPost(postRoom, options).then((request) => request(this.axios, this.basePath));
+    }
+
+    /**
+     *
+     * @summary 部屋に入る
+     * @param {string} roomId
+     * @param {EnterRoom} enterRoom
+     * @param {*} [options] Override http request option.
+     * @throws {RequiredError}
+     * @memberof DefaultApi
+     */
+    public apiRoomRoomIdEnterPost(roomId: string, enterRoom: EnterRoom, options?: RawAxiosRequestConfig) {
+        return DefaultApiFp(this.configuration).apiRoomRoomIdEnterPost(roomId, enterRoom, options).then((request) => request(this.axios, this.basePath));
+    }
+
+    /**
+     *
+     * @summary 全ての部屋一覧を取得
+     * @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));
+    }
+
+    /**
+     *
+     * @summary WebSocket接続
+     * @param {string} roomId
+     * @param {*} [options] Override http request option.
+     * @throws {RequiredError}
+     * @memberof DefaultApi
+     */
+    public apiWsRoomIdGet(roomId: string, options?: RawAxiosRequestConfig) {
+        return DefaultApiFp(this.configuration).apiWsRoomIdGet(roomId, options).then((request) => request(this.axios, this.basePath));
+    }
+}
diff --git a/src/lib/apis/generated/base.ts b/src/lib/apis/generated/base.ts
new file mode 100644
index 0000000..0688857
--- /dev/null
+++ b/src/lib/apis/generated/base.ts
@@ -0,0 +1,86 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * hackathon 24spring 19
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 1.0.0
+ * 
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+
+import type { Configuration } from './configuration';
+// Some imports not used depending on template conditions
+// @ts-ignore
+import type { AxiosPromise, AxiosInstance, RawAxiosRequestConfig } from 'axios';
+import globalAxios from 'axios';
+
+export const BASE_PATH = "http://localhost".replace(/\/+$/, "");
+
+/**
+ *
+ * @export
+ */
+export const COLLECTION_FORMATS = {
+    csv: ",",
+    ssv: " ",
+    tsv: "\t",
+    pipes: "|",
+};
+
+/**
+ *
+ * @export
+ * @interface RequestArgs
+ */
+export interface RequestArgs {
+    url: string;
+    options: RawAxiosRequestConfig;
+}
+
+/**
+ *
+ * @export
+ * @class BaseAPI
+ */
+export class BaseAPI {
+    protected configuration: Configuration | undefined;
+
+    constructor(configuration?: Configuration, protected basePath: string = BASE_PATH, protected axios: AxiosInstance = globalAxios) {
+        if (configuration) {
+            this.configuration = configuration;
+            this.basePath = configuration.basePath ?? basePath;
+        }
+    }
+};
+
+/**
+ *
+ * @export
+ * @class RequiredError
+ * @extends {Error}
+ */
+export class RequiredError extends Error {
+    constructor(public field: string, msg?: string) {
+        super(msg);
+        this.name = "RequiredError"
+    }
+}
+
+interface ServerMap {
+    [key: string]: {
+        url: string,
+        description: string,
+    }[];
+}
+
+/**
+ *
+ * @export
+ */
+export const operationServerMap: ServerMap = {
+}
diff --git a/src/lib/apis/generated/common.ts b/src/lib/apis/generated/common.ts
new file mode 100644
index 0000000..860b564
--- /dev/null
+++ b/src/lib/apis/generated/common.ts
@@ -0,0 +1,150 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * hackathon 24spring 19
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 1.0.0
+ * 
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+
+import type { Configuration } from "./configuration";
+import type { RequestArgs } from "./base";
+import type { AxiosInstance, AxiosResponse } from 'axios';
+import { RequiredError } from "./base";
+
+/**
+ *
+ * @export
+ */
+export const DUMMY_BASE_URL = 'https://example.com'
+
+/**
+ *
+ * @throws {RequiredError}
+ * @export
+ */
+export const assertParamExists = function (functionName: string, paramName: string, paramValue: unknown) {
+    if (paramValue === null || paramValue === undefined) {
+        throw new RequiredError(paramName, `Required parameter ${paramName} was null or undefined when calling ${functionName}.`);
+    }
+}
+
+/**
+ *
+ * @export
+ */
+export const setApiKeyToObject = async function (object: any, keyParamName: string, configuration?: Configuration) {
+    if (configuration && configuration.apiKey) {
+        const localVarApiKeyValue = typeof configuration.apiKey === 'function'
+            ? await configuration.apiKey(keyParamName)
+            : await configuration.apiKey;
+        object[keyParamName] = localVarApiKeyValue;
+    }
+}
+
+/**
+ *
+ * @export
+ */
+export const setBasicAuthToObject = function (object: any, configuration?: Configuration) {
+    if (configuration && (configuration.username || configuration.password)) {
+        object["auth"] = { username: configuration.username, password: configuration.password };
+    }
+}
+
+/**
+ *
+ * @export
+ */
+export const setBearerAuthToObject = async function (object: any, configuration?: Configuration) {
+    if (configuration && configuration.accessToken) {
+        const accessToken = typeof configuration.accessToken === 'function'
+            ? await configuration.accessToken()
+            : await configuration.accessToken;
+        object["Authorization"] = "Bearer " + accessToken;
+    }
+}
+
+/**
+ *
+ * @export
+ */
+export const setOAuthToObject = async function (object: any, name: string, scopes: string[], configuration?: Configuration) {
+    if (configuration && configuration.accessToken) {
+        const localVarAccessTokenValue = typeof configuration.accessToken === 'function'
+            ? await configuration.accessToken(name, scopes)
+            : await configuration.accessToken;
+        object["Authorization"] = "Bearer " + localVarAccessTokenValue;
+    }
+}
+
+function setFlattenedQueryParams(urlSearchParams: URLSearchParams, parameter: any, key: string = ""): void {
+    if (parameter == null) return;
+    if (typeof parameter === "object") {
+        if (Array.isArray(parameter)) {
+            (parameter as any[]).forEach(item => setFlattenedQueryParams(urlSearchParams, item, key));
+        } 
+        else {
+            Object.keys(parameter).forEach(currentKey => 
+                setFlattenedQueryParams(urlSearchParams, parameter[currentKey], `${key}${key !== '' ? '.' : ''}${currentKey}`)
+            );
+        }
+    } 
+    else {
+        if (urlSearchParams.has(key)) {
+            urlSearchParams.append(key, parameter);
+        } 
+        else {
+            urlSearchParams.set(key, parameter);
+        }
+    }
+}
+
+/**
+ *
+ * @export
+ */
+export const setSearchParams = function (url: URL, ...objects: any[]) {
+    const searchParams = new URLSearchParams(url.search);
+    setFlattenedQueryParams(searchParams, objects);
+    url.search = searchParams.toString();
+}
+
+/**
+ *
+ * @export
+ */
+export const serializeDataIfNeeded = function (value: any, requestOptions: any, configuration?: Configuration) {
+    const nonString = typeof value !== 'string';
+    const needsSerialization = nonString && configuration && configuration.isJsonMime
+        ? configuration.isJsonMime(requestOptions.headers['Content-Type'])
+        : nonString;
+    return needsSerialization
+        ? JSON.stringify(value !== undefined ? value : {})
+        : (value || "");
+}
+
+/**
+ *
+ * @export
+ */
+export const toPathString = function (url: URL) {
+    return url.pathname + url.search + url.hash
+}
+
+/**
+ *
+ * @export
+ */
+export const createRequestFunction = function (axiosArgs: RequestArgs, globalAxios: AxiosInstance, BASE_PATH: string, configuration?: Configuration) {
+    return <T = unknown, R = AxiosResponse<T>>(axios: AxiosInstance = globalAxios, basePath: string = BASE_PATH) => {
+        const axiosRequestArgs = {...axiosArgs.options, url: (axios.defaults.baseURL ? '' : configuration?.basePath ?? basePath) + axiosArgs.url};
+        return axios.request<T, R>(axiosRequestArgs);
+    };
+}
diff --git a/src/lib/apis/generated/configuration.ts b/src/lib/apis/generated/configuration.ts
new file mode 100644
index 0000000..1e6a33c
--- /dev/null
+++ b/src/lib/apis/generated/configuration.ts
@@ -0,0 +1,110 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * hackathon 24spring 19
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 1.0.0
+ * 
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+
+export interface ConfigurationParameters {
+    apiKey?: string | Promise<string> | ((name: string) => string) | ((name: string) => Promise<string>);
+    username?: string;
+    password?: string;
+    accessToken?: string | Promise<string> | ((name?: string, scopes?: string[]) => string) | ((name?: string, scopes?: string[]) => Promise<string>);
+    basePath?: string;
+    serverIndex?: number;
+    baseOptions?: any;
+    formDataCtor?: new () => any;
+}
+
+export class Configuration {
+    /**
+     * parameter for apiKey security
+     * @param name security name
+     * @memberof Configuration
+     */
+    apiKey?: string | Promise<string> | ((name: string) => string) | ((name: string) => Promise<string>);
+    /**
+     * parameter for basic security
+     *
+     * @type {string}
+     * @memberof Configuration
+     */
+    username?: string;
+    /**
+     * parameter for basic security
+     *
+     * @type {string}
+     * @memberof Configuration
+     */
+    password?: string;
+    /**
+     * parameter for oauth2 security
+     * @param name security name
+     * @param scopes oauth2 scope
+     * @memberof Configuration
+     */
+    accessToken?: string | Promise<string> | ((name?: string, scopes?: string[]) => string) | ((name?: string, scopes?: string[]) => Promise<string>);
+    /**
+     * override base path
+     *
+     * @type {string}
+     * @memberof Configuration
+     */
+    basePath?: string;
+    /**
+     * override server index
+     *
+     * @type {number}
+     * @memberof Configuration
+     */
+    serverIndex?: number;
+    /**
+     * base options for axios calls
+     *
+     * @type {any}
+     * @memberof Configuration
+     */
+    baseOptions?: any;
+    /**
+     * The FormData constructor that will be used to create multipart form data
+     * requests. You can inject this here so that execution environments that
+     * do not support the FormData class can still run the generated client.
+     *
+     * @type {new () => FormData}
+     */
+    formDataCtor?: new () => any;
+
+    constructor(param: ConfigurationParameters = {}) {
+        this.apiKey = param.apiKey;
+        this.username = param.username;
+        this.password = param.password;
+        this.accessToken = param.accessToken;
+        this.basePath = param.basePath;
+        this.serverIndex = param.serverIndex;
+        this.baseOptions = param.baseOptions;
+        this.formDataCtor = param.formDataCtor;
+    }
+
+    /**
+     * Check if the given MIME is a JSON MIME.
+     * JSON MIME examples:
+     *   application/json
+     *   application/json; charset=UTF8
+     *   APPLICATION/JSON
+     *   application/vnd.company+json
+     * @param mime - MIME (Multipurpose Internet Mail Extensions)
+     * @return True if the given MIME is JSON, false otherwise.
+     */
+    public isJsonMime(mime: string): boolean {
+        const jsonMime: RegExp = new RegExp('^(application\/json|[^;/ \t]+\/[^;/ \t]+[+]json)[ \t]*(;.*)?$', 'i');
+        return mime !== null && (jsonMime.test(mime) || mime.toLowerCase() === 'application/json-patch+json');
+    }
+}
diff --git a/src/lib/apis/generated/git_push.sh b/src/lib/apis/generated/git_push.sh
new file mode 100644
index 0000000..f53a75d
--- /dev/null
+++ b/src/lib/apis/generated/git_push.sh
@@ -0,0 +1,57 @@
+#!/bin/sh
+# ref: https://help.github.com/articles/adding-an-existing-project-to-github-using-the-command-line/
+#
+# Usage example: /bin/sh ./git_push.sh wing328 openapi-petstore-perl "minor update" "gitlab.com"
+
+git_user_id=$1
+git_repo_id=$2
+release_note=$3
+git_host=$4
+
+if [ "$git_host" = "" ]; then
+    git_host="github.com"
+    echo "[INFO] No command line input provided. Set \$git_host to $git_host"
+fi
+
+if [ "$git_user_id" = "" ]; then
+    git_user_id="GIT_USER_ID"
+    echo "[INFO] No command line input provided. Set \$git_user_id to $git_user_id"
+fi
+
+if [ "$git_repo_id" = "" ]; then
+    git_repo_id="GIT_REPO_ID"
+    echo "[INFO] No command line input provided. Set \$git_repo_id to $git_repo_id"
+fi
+
+if [ "$release_note" = "" ]; then
+    release_note="Minor update"
+    echo "[INFO] No command line input provided. Set \$release_note to $release_note"
+fi
+
+# Initialize the local directory as a Git repository
+git init
+
+# Adds the files in the local repository and stages them for commit.
+git add .
+
+# Commits the tracked changes and prepares them to be pushed to a remote repository.
+git commit -m "$release_note"
+
+# Sets the new remote
+git_remote=$(git remote)
+if [ "$git_remote" = "" ]; then # git remote not defined
+
+    if [ "$GIT_TOKEN" = "" ]; then
+        echo "[INFO] \$GIT_TOKEN (environment variable) is not set. Using the git credential in your environment."
+        git remote add origin https://${git_host}/${git_user_id}/${git_repo_id}.git
+    else
+        git remote add origin https://${git_user_id}:"${GIT_TOKEN}"@${git_host}/${git_user_id}/${git_repo_id}.git
+    fi
+
+fi
+
+git pull origin master
+
+# Pushes (Forces) the changes in the local repository up to the remote repository
+echo "Git pushing to https://${git_host}/${git_user_id}/${git_repo_id}.git"
+git push origin master 2>&1 | grep -v 'To https'
diff --git a/src/lib/apis/generated/index.ts b/src/lib/apis/generated/index.ts
new file mode 100644
index 0000000..7e15772
--- /dev/null
+++ b/src/lib/apis/generated/index.ts
@@ -0,0 +1,18 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * hackathon 24spring 19
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 1.0.0
+ * 
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+
+export * from "./api";
+export * from "./configuration";
+

From 63171849dd638112494e3dafc19b3b30da31cb36 Mon Sep 17 00:00:00 2001
From: Rozelin <rozelin.dc@gmail.com>
Date: Sat, 15 Jun 2024 14:41:54 +0900
Subject: [PATCH 07/15] =?UTF-8?q?ci=E3=81=AE=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .github/workflows/ci.yml | 48 ++++++++++++++++++++++++++++++++++++++++
 package.json             |  3 ++-
 2 files changed, 50 insertions(+), 1 deletion(-)
 create mode 100644 .github/workflows/ci.yml

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
new file mode 100644
index 0000000..4e5ad96
--- /dev/null
+++ b/.github/workflows/ci.yml
@@ -0,0 +1,48 @@
+name: CI
+
+on:
+  pull_request:
+    branches: [main]
+
+jobs:
+  package:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+      - run: npm ci
+
+  lint:
+    needs: [package]
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+      - run: npm ci
+      - run: npm run lint
+
+  type-check:
+    needs: [package]
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+      - run: npm ci
+      - run: npm run type-check
+
+  build:
+    needs: [package]
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+      - run: npm ci
+      - run: npm run build
diff --git a/package.json b/package.json
index ed82bf0..ae623e0 100644
--- a/package.json
+++ b/package.json
@@ -9,7 +9,8 @@
     "preview": "vite preview",
     "lint": "eslint src",
     "gen-api": "node ./scripts/gen-api.js",
-    "with-mock": "concurrently \"prism mock -p 3000 -d https://raw.githubusercontent.com/traP-jp/h24s_19_server/main/swagger.yaml\" \"vite\""
+    "with-mock": "concurrently \"prism mock -p 3000 -d https://raw.githubusercontent.com/traP-jp/h24s_19_server/main/swagger.yaml\" \"vite\"",
+    "type-check": "vue-tsc --noEmit"
   },
   "dependencies": {
     "pinia": "^2.1.7",

From e25489a5b2155942766668fdb997612ffd683ffb Mon Sep 17 00:00:00 2001
From: Rozelin <rozelin.dc@gmail.com>
Date: Sat, 15 Jun 2024 15:33:04 +0900
Subject: [PATCH 08/15] =?UTF-8?q?=E3=81=8A=E3=81=8B=E3=81=97=E3=81=8B?=
 =?UTF-8?q?=E3=81=A3=E3=81=9F=E8=A8=AD=E5=AE=9A=E3=82=92=E7=9B=B4=E3=81=97?=
 =?UTF-8?q?=E3=81=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lib/apis/index.ts |  9 ++++++++-
 src/router/index.ts   | 10 +++++-----
 2 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/lib/apis/index.ts b/src/lib/apis/index.ts
index 6e14289..18c8650 100644
--- a/src/lib/apis/index.ts
+++ b/src/lib/apis/index.ts
@@ -1,6 +1,13 @@
 import { Apis, Configuration } from './generated'
 
-const api = new Apis(new Configuration())
+const api = new Apis(
+  new Configuration({
+    basePath:
+      import.meta.env.MODE === 'production'
+        ? 'https://trap.show/h24s_19_server'
+        : 'http://localhost:3000',
+  })
+)
 
 export default api
 export * from './generated'
diff --git a/src/router/index.ts b/src/router/index.ts
index 147bdc3..2d2ead4 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -4,28 +4,28 @@ const routes: RouteRecordRaw[] = [
   {
     path: '/',
     name: 'Home',
-    component: import('@/pages/HomePage.vue'),
+    component: () => import('@/pages/HomePage.vue'),
   },
   {
     path: '/rooms',
     name: 'Rooms',
-    component: import('@/pages/RoomList.vue'),
+    component: () => import('@/pages/RoomList.vue'),
   },
   {
     path: '/rooms/:id',
     name: 'IndividualRoom',
-    component: import('@/pages/IndividualRoom.vue'),
+    component: () => import('@/pages/IndividualRoom.vue'),
   },
   {
     path: '/rooms/create',
     name: 'CreateRoom',
-    component: import('@/pages/CreateRoom.vue'),
+    component: () => import('@/pages/CreateRoom.vue'),
   },
   {
     // 404 page
     path: '/:pathMatch(.*)*',
     name: 'NotFound',
-    component: import('@/pages/NotFound.vue'),
+    component: () => import('@/pages/NotFound.vue'),
   }
 ]
 

From 5f97bc74b9064f6975124e973027562f60bd8b94 Mon Sep 17 00:00:00 2001
From: Nzt3 <nzt3pro@gmail.com>
Date: Sat, 15 Jun 2024 15:35:12 +0900
Subject: [PATCH 09/15] add api requests

---
 src/pages/CreateRoom.vue | 54 +++++++++++++++++++++++++++-------------
 1 file changed, 37 insertions(+), 17 deletions(-)

diff --git a/src/pages/CreateRoom.vue b/src/pages/CreateRoom.vue
index 04d7758..2b4a053 100644
--- a/src/pages/CreateRoom.vue
+++ b/src/pages/CreateRoom.vue
@@ -1,36 +1,56 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 import { useRouter } from 'vue-router';
+import api, {PostRoom} from '../lib/apis'
 const router = useRouter()
+
 // 部屋を作る
 // 必須: 部屋の名前, open/private 選択
 // private -> passwordも必要
-
-const baseUrl=''
 const isPublic=ref(true)
-const roomName=ref('')
+const newRoomName=ref('')
 const roomPassrowd=ref('')
 const errorMsg=ref('')
 
 const submit = ()=>  {
-  if(roomName.value==''){
+  if(newRoomName.value==''){
     errorMsg.value="部屋名を設定してください"
   }else if(!isPublic.value && !roomPassrowd.value){
     errorMsg.value="合言葉を設定してください"
   }else{
     // 全ての設定がOK
     errorMsg.value=''
-    const url=baseUrl+"/api/room"
-    const roominfo=JSON.stringify({
-      "isPublic": isPublic.value,
-      "name": roomName.value,
-      "password": roomPassrowd.value
-    })
-    // res,err =post(url,body)
-    const roomId="xxxx"
-    router.push(
-      {path:`/rooms/${roomId}`,query:{password : roomPassrowd.value}}
-    )
+    if(isPublic.value){
+      const roomInfo:PostRoom={
+        "isPublic": isPublic.value,
+        "roomName": newRoomName.value,
+      }
+      const resp=api.apiRoomPost(roomInfo)
+      resp.then(
+        (val) => {
+          const roomId=val.data.roomId
+          router.push(
+            {path:`/rooms/${roomId}`}
+          )
+        }
+      )
+    }else{
+      const roomInfo:PostRoom={
+        "isPublic": isPublic.value,
+        "roomName": newRoomName.value,
+        "password": roomPassrowd.value
+      }
+      const resp=api.apiRoomPost(roomInfo)
+      resp.then(
+        (val) => {
+          const roomId=val.data.roomId
+          router.push(
+            {path:`/rooms/${roomId}`,query:{password : roomPassrowd.value}}
+          )
+        }
+      )
+    }
+    
   }
 }
 </script>
@@ -42,7 +62,7 @@ const submit = ()=>  {
   </label>
   <label>
     <p>部屋名
-      <input type="text" v-model="roomName">
+      <input type="text" v-model="newRoomName">
     </p>
   </label>
   <label v-if="!isPublic">
@@ -52,7 +72,7 @@ const submit = ()=>  {
   </label>
   <div>
     <h2>現在の設定</h2>
-    <p>部屋名: {{ roomName }}</p>
+    <p>部屋名: {{ newRoomName }}</p>
     <p>部屋を全体公開
       <span v-if="isPublic">する</span>
       <span v-else>しない</span>

From bd5c8cac7bf7d7f4e5801955653796644697522b Mon Sep 17 00:00:00 2001
From: Nzt3 <nzt3pro@gmail.com>
Date: Sat, 15 Jun 2024 15:53:55 +0900
Subject: [PATCH 10/15] fix import path

---
 src/pages/CreateRoom.vue | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/pages/CreateRoom.vue b/src/pages/CreateRoom.vue
index 2b4a053..8cebf50 100644
--- a/src/pages/CreateRoom.vue
+++ b/src/pages/CreateRoom.vue
@@ -1,8 +1,7 @@
 <script setup lang="ts">
 import { ref } from 'vue'
-import { useRouter } from 'vue-router';
-import api, {PostRoom} from '../lib/apis'
-const router = useRouter()
+import api, {PostRoom} from '@/lib/apis'
+import router from '@/router';
 
 // 部屋を作る
 // 必須: 部屋の名前, open/private 選択

From 949dac2e3e0a351b133bfffed011e6fb57388da5 Mon Sep 17 00:00:00 2001
From: Nzt3 <nzt3pro@gmail.com>
Date: Sat, 15 Jun 2024 16:42:31 +0900
Subject: [PATCH 11/15] merge public/private room setting

---
 src/pages/CreateRoom.vue | 51 ++++++++++++++--------------------------
 1 file changed, 17 insertions(+), 34 deletions(-)

diff --git a/src/pages/CreateRoom.vue b/src/pages/CreateRoom.vue
index 8cebf50..e3e8921 100644
--- a/src/pages/CreateRoom.vue
+++ b/src/pages/CreateRoom.vue
@@ -8,48 +8,31 @@ import router from '@/router';
 // private -> passwordも必要
 const isPublic=ref(true)
 const newRoomName=ref('')
-const roomPassrowd=ref('')
+const roomPassword=ref('')
 const errorMsg=ref('')
 
 const submit = ()=>  {
   if(newRoomName.value==''){
     errorMsg.value="部屋名を設定してください"
-  }else if(!isPublic.value && !roomPassrowd.value){
+  }else if(!isPublic.value && !roomPassword.value){
     errorMsg.value="合言葉を設定してください"
   }else{
     // 全ての設定がOK
     errorMsg.value=''
-    if(isPublic.value){
-      const roomInfo:PostRoom={
-        "isPublic": isPublic.value,
-        "roomName": newRoomName.value,
-      }
-      const resp=api.apiRoomPost(roomInfo)
-      resp.then(
-        (val) => {
-          const roomId=val.data.roomId
-          router.push(
-            {path:`/rooms/${roomId}`}
-          )
-        }
-      )
-    }else{
-      const roomInfo:PostRoom={
-        "isPublic": isPublic.value,
-        "roomName": newRoomName.value,
-        "password": roomPassrowd.value
-      }
-      const resp=api.apiRoomPost(roomInfo)
-      resp.then(
-        (val) => {
-          const roomId=val.data.roomId
-          router.push(
-            {path:`/rooms/${roomId}`,query:{password : roomPassrowd.value}}
-          )
-        }
-      )
+    const roomInfo:PostRoom={
+      "isPublic": isPublic.value,
+      "roomName": newRoomName.value,
+      "password": roomPassword.value
     }
-    
+    const resp=api.apiRoomPost(roomInfo)
+    resp.then(
+      (val) => {
+        const roomId=val.data.roomId
+        router.push(
+          {path:`/rooms/${roomId}`,query:{password:roomPassword.value}}
+        )
+      }
+    )
   }
 }
 </script>
@@ -66,7 +49,7 @@ const submit = ()=>  {
   </label>
   <label v-if="!isPublic">
     <p>合言葉
-      <input type="text" v-model="roomPassrowd">
+      <input type="text" v-model="roomPassword">
     </p>
   </label>
   <div>
@@ -76,7 +59,7 @@ const submit = ()=>  {
       <span v-if="isPublic">する</span>
       <span v-else>しない</span>
   </p>
-    <p v-if="!isPublic">合言葉: {{ roomPassrowd }}</p>
+    <p v-if="!isPublic">合言葉: {{ roomPassword }}</p>
   </div>
   <button @click="submit()">作成する</button>
   <div class="err">

From 1df2ff3ac5604df9b4abbc09981feb53bd5298a8 Mon Sep 17 00:00:00 2001
From: Nzt3 <nzt3pro@gmail.com>
Date: Sat, 15 Jun 2024 17:25:19 +0900
Subject: [PATCH 12/15] lint

---
 src/pages/CreateRoom.vue | 32 ++++++++++++++++++++++++--------
 1 file changed, 24 insertions(+), 8 deletions(-)

diff --git a/src/pages/CreateRoom.vue b/src/pages/CreateRoom.vue
index e3e8921..a27395e 100644
--- a/src/pages/CreateRoom.vue
+++ b/src/pages/CreateRoom.vue
@@ -38,30 +38,46 @@ const submit = ()=>  {
 </script>
 
 <template>
-  <h1 id="title">部屋を作る</h1>
+  <h1 id="title">
+    部屋を作る
+  </h1>
   <label> 部屋を全体公開する
-  <input type="checkbox" v-model="isPublic">
+    <input
+      v-model="isPublic"
+      type="checkbox"
+    >
   </label>
   <label>
     <p>部屋名
-      <input type="text" v-model="newRoomName">
+      <input
+        v-model="newRoomName"
+        type="text"
+      >
     </p>
   </label>
   <label v-if="!isPublic">
     <p>合言葉
-      <input type="text" v-model="roomPassword">
+      <input
+        v-model="roomPassword"
+        type="text"
+      >
     </p>
   </label>
   <div>
     <h2>現在の設定</h2>
     <p>部屋名: {{ newRoomName }}</p>
-    <p>部屋を全体公開
+    <p>
+      部屋を全体公開
       <span v-if="isPublic">する</span>
       <span v-else>しない</span>
-  </p>
-    <p v-if="!isPublic">合言葉: {{ roomPassword }}</p>
+    </p>
+    <p v-if="!isPublic">
+      合言葉: {{ roomPassword }}
+    </p>
   </div>
-  <button @click="submit()">作成する</button>
+  <button @click="submit()">
+    作成する
+  </button>
   <div class="err">
     {{ errorMsg }}
   </div>

From 589a9222a08d7a95949a36c17d36dfc8165b90d4 Mon Sep 17 00:00:00 2001
From: Nzt3 <nzt3pro@gmail.com>
Date: Sat, 15 Jun 2024 17:31:03 +0900
Subject: [PATCH 13/15] =?UTF-8?q?API=E3=81=AE=E6=88=BB=E3=82=8A=E5=80=A4?=
 =?UTF-8?q?=E3=82=92then=E3=81=A7=E3=81=AF=E3=81=AA=E3=81=8Fawait=E3=81=A7?=
 =?UTF-8?q?=E5=8F=96=E3=82=8B=E3=82=88=E3=81=86=E3=81=AB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/CreateRoom.vue | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/pages/CreateRoom.vue b/src/pages/CreateRoom.vue
index a27395e..4ae77b3 100644
--- a/src/pages/CreateRoom.vue
+++ b/src/pages/CreateRoom.vue
@@ -11,7 +11,7 @@ const newRoomName=ref('')
 const roomPassword=ref('')
 const errorMsg=ref('')
 
-const submit = ()=>  {
+const submit = async ()=>  {
   if(newRoomName.value==''){
     errorMsg.value="部屋名を設定してください"
   }else if(!isPublic.value && !roomPassword.value){
@@ -24,15 +24,15 @@ const submit = ()=>  {
       "roomName": newRoomName.value,
       "password": roomPassword.value
     }
-    const resp=api.apiRoomPost(roomInfo)
-    resp.then(
-      (val) => {
-        const roomId=val.data.roomId
-        router.push(
-          {path:`/rooms/${roomId}`,query:{password:roomPassword.value}}
-        )
-      }
-    )
+    try{
+      const resp = await api.apiRoomPost(roomInfo)
+      const roomId = resp.data.roomId
+      router.push(
+        {path: `/rooms/${roomId}`,query: {password:roomPassword.value}}
+      )
+    }catch(e){
+      console.error(e)
+    }
   }
 }
 </script>

From c5b870c07638fcc2d536fb08cf0bd790c024a551 Mon Sep 17 00:00:00 2001
From: Rozelin <rozelin.dc@gmail.com>
Date: Sat, 15 Jun 2024 17:56:03 +0900
Subject: [PATCH 14/15] =?UTF-8?q?=E3=81=A8=E3=82=8A=E3=81=82=E3=81=88?=
 =?UTF-8?q?=E3=81=9A=E5=85=A8=E9=83=A8=E3=82=B3=E3=83=9F=E3=83=83=E3=83=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .eslintignore                 |   1 +
 .eslintrc.cjs                 |  41 +++++++++++
 eslint.config.js              |  27 -------
 package-lock.json             | 131 ++++++++++++++++++++++++++++++++++
 package.json                  |   8 ++-
 src/components/HelloWorld.vue |  23 ++----
 src/pages/CreateRoom.vue      |  69 +++++++++---------
 src/pages/HomePage.vue        |  18 +++--
 src/pages/IndividualRoom.vue  |  23 ++----
 src/pages/RoomList.vue        |  23 ++----
 src/router/index.ts           |   2 +-
 11 files changed, 250 insertions(+), 116 deletions(-)
 create mode 100644 .eslintignore
 create mode 100644 .eslintrc.cjs
 delete mode 100644 eslint.config.js

diff --git a/.eslintignore b/.eslintignore
new file mode 100644
index 0000000..c870c3a
--- /dev/null
+++ b/.eslintignore
@@ -0,0 +1 @@
+src/lib/apis/generated
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
new file mode 100644
index 0000000..eb237a3
--- /dev/null
+++ b/.eslintrc.cjs
@@ -0,0 +1,41 @@
+module.exports = {
+  root: true,
+  env: {
+    browser: true,
+    node: true,
+    es6: true,
+  },
+  extends: [
+    // add more generic rulesets here, such as:
+    // 'eslint:recommended',
+    'plugin:vue/vue3-recommended',
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:prettier/recommended',
+    // 'plugin:vue/recommended' // Use this if you are using Vue.js 2.x.
+  ],
+  plugins: ['@typescript-eslint'],
+  rules: {
+    // override/add rules settings here, such as:
+    // 'vue/no-unused-vars': 'error'
+    'no-restricted-imports': [
+      'error',
+      {
+        name: '@/lib/apis/generated',
+        message: 'Please use @/lib/apis instead.',
+      },
+    ],
+    'prettier/prettier': [
+      'error',
+      {
+        singleQuote: true,
+        semi: false,
+      },
+    ],
+  },
+  parser: 'vue-eslint-parser',
+  parserOptions: {
+    parser: '@typescript-eslint/parser',
+    sourceType: 'module',
+  },
+}
diff --git a/eslint.config.js b/eslint.config.js
deleted file mode 100644
index eeb2084..0000000
--- a/eslint.config.js
+++ /dev/null
@@ -1,27 +0,0 @@
-import pluginVue from 'eslint-plugin-vue'
-import vueParser from 'vue-eslint-parser'
-import tseslint from 'typescript-eslint'
-export default [
-  // add more generic rulesets here, such as:
-  // js.configs.recommended,
-  ...pluginVue.configs['flat/recommended'],
-  // ...pluginVue.configs['flat/vue2-recommended'], // Use this if you are using Vue.js 2.x.
-  {
-    rules: {
-      // override/add rules settings here, such as:
-      // 'vue/no-unused-vars': 'error'
-      'no-restricted-imports': [
-        'error',
-        {
-          name: '@/lib/apis/generated',
-          message: 'Please use @/lib/apis instead.',
-        },
-      ],
-    },
-    files: ['*.vue', '**/*.vue'],
-    languageOptions: {
-      parser: vueParser,
-      parserOptions: { parser: tseslint.parser, sourceType: 'module' },
-    },
-  },
-]
diff --git a/package-lock.json b/package-lock.json
index 5d017f8..9c1f5b1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -16,11 +16,17 @@
         "@eslint/js": "^8.57.0",
         "@openapitools/openapi-generator-cli": "^2.13.4",
         "@stoplight/prism-cli": "^5.8.1",
+        "@typescript-eslint/eslint-plugin": "^7.13.0",
+        "@typescript-eslint/parser": "^7.13.0",
         "@vitejs/plugin-vue": "^5.0.4",
         "concurrently": "^8.2.2",
         "eslint": "^8.57.0",
+        "eslint-config-prettier": "^9.1.0",
+        "eslint-config-typescript": "^3.0.0",
+        "eslint-plugin-prettier": "^5.1.3",
         "eslint-plugin-vue": "^9.26.0",
         "execa": "^9.2.0",
+        "prettier": "^3.3.2",
         "ts-morph": "^22.0.0",
         "typescript": "^5.4.5",
         "typescript-eslint": "^7.13.0",
@@ -861,6 +867,19 @@
         "node": ">=10"
       }
     },
+    "node_modules/@pkgr/core": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/@pkgr/core/-/core-0.1.1.tgz",
+      "integrity": "sha512-cq8o4cWH0ibXh9VGi5P20Tu9XF/0fFXl9EUinr9QfTM7a7p0oTA4iJRCQWppXR1Pg8dSM0UCItCkPwsk9qWWYA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.20.0 || ^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/unts"
+      }
+    },
     "node_modules/@rollup/rollup-android-arm-eabi": {
       "version": "4.18.0",
       "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.18.0.tgz",
@@ -1603,6 +1622,7 @@
       "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-7.13.0.tgz",
       "integrity": "sha512-FX1X6AF0w8MdVFLSdqwqN/me2hyhuQg4ykN6ZpVhh1ij/80pTvDKclX1sZB9iqex8SjQfVhwMKs3JtnnMLzG9w==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@eslint-community/regexpp": "^4.10.0",
         "@typescript-eslint/scope-manager": "7.13.0",
@@ -1636,6 +1656,7 @@
       "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-7.13.0.tgz",
       "integrity": "sha512-EjMfl69KOS9awXXe83iRN7oIEXy9yYdqWfqdrFAYAAr6syP8eLEFI7ZE4939antx2mNgPRW/o1ybm2SFYkbTVA==",
       "dev": true,
+      "license": "BSD-2-Clause",
       "dependencies": {
         "@typescript-eslint/scope-manager": "7.13.0",
         "@typescript-eslint/types": "7.13.0",
@@ -2948,6 +2969,63 @@
         "url": "https://opencollective.com/eslint"
       }
     },
+    "node_modules/eslint-config-prettier": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-9.1.0.tgz",
+      "integrity": "sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "eslint-config-prettier": "bin/cli.js"
+      },
+      "peerDependencies": {
+        "eslint": ">=7.0.0"
+      }
+    },
+    "node_modules/eslint-config-typescript": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/eslint-config-typescript/-/eslint-config-typescript-3.0.0.tgz",
+      "integrity": "sha512-CwC2cQ29OLE1OUw0k+Twpc6wpCdenG8rrErl89sWrzmMpWfkulyeQS1HJhhjU0B3Tb4k41zdei4LtX26x5m60Q==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "@typescript-eslint/eslint-plugin": ">=1.8.0",
+        "@typescript-eslint/parser": ">=1.8.0",
+        "eslint": ">=6.0.0",
+        "typescript": "*"
+      }
+    },
+    "node_modules/eslint-plugin-prettier": {
+      "version": "5.1.3",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-5.1.3.tgz",
+      "integrity": "sha512-C9GCVAs4Eq7ZC/XFQHITLiHJxQngdtraXaM+LoUFoFp/lHNl2Zn8f3WQbe9HvTBBQ9YnKFB0/2Ajdqwo5D1EAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prettier-linter-helpers": "^1.0.0",
+        "synckit": "^0.8.6"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint-plugin-prettier"
+      },
+      "peerDependencies": {
+        "@types/eslint": ">=8.0.0",
+        "eslint": ">=8.0.0",
+        "eslint-config-prettier": "*",
+        "prettier": ">=3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/eslint": {
+          "optional": true
+        },
+        "eslint-config-prettier": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/eslint-plugin-vue": {
       "version": "9.26.0",
       "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-9.26.0.tgz",
@@ -3166,6 +3244,13 @@
       "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
       "dev": true
     },
+    "node_modules/fast-diff": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.3.0.tgz",
+      "integrity": "sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
     "node_modules/fast-glob": {
       "version": "3.3.2",
       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
@@ -4974,6 +5059,35 @@
         "node": ">= 0.8.0"
       }
     },
+    "node_modules/prettier": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.3.2.tgz",
+      "integrity": "sha512-rAVeHYMcv8ATV5d508CFdn+8/pHPpXeIid1DdrPwXnaAdH7cqjVbpJaT5eq4yRAFU/lsbwYwSF/n5iNrdJHPQA==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "prettier": "bin/prettier.cjs"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
+    "node_modules/prettier-linter-helpers": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz",
+      "integrity": "sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-diff": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
     "node_modules/pretty-data": {
       "version": "0.40.0",
       "resolved": "https://registry.npmjs.org/pretty-data/-/pretty-data-0.40.0.tgz",
@@ -5572,6 +5686,23 @@
         "node": ">=8"
       }
     },
+    "node_modules/synckit": {
+      "version": "0.8.8",
+      "resolved": "https://registry.npmjs.org/synckit/-/synckit-0.8.8.tgz",
+      "integrity": "sha512-HwOKAP7Wc5aRGYdKH+dw0PRRpbO841v2DENBtjnR5HFWoiNByAl7vrx3p0G/rCyYXQsrxqtX48TImFtPcIHSpQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@pkgr/core": "^0.1.0",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/unts"
+      }
+    },
     "node_modules/text-table": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
diff --git a/package.json b/package.json
index ed82bf0..fa79918 100644
--- a/package.json
+++ b/package.json
@@ -7,7 +7,7 @@
     "dev": "vite",
     "build": "vue-tsc && vite build",
     "preview": "vite preview",
-    "lint": "eslint src",
+    "lint": "eslint src --ext .js,.ts,.vue",
     "gen-api": "node ./scripts/gen-api.js",
     "with-mock": "concurrently \"prism mock -p 3000 -d https://raw.githubusercontent.com/traP-jp/h24s_19_server/main/swagger.yaml\" \"vite\""
   },
@@ -20,11 +20,17 @@
     "@eslint/js": "^8.57.0",
     "@openapitools/openapi-generator-cli": "^2.13.4",
     "@stoplight/prism-cli": "^5.8.1",
+    "@typescript-eslint/eslint-plugin": "^7.13.0",
+    "@typescript-eslint/parser": "^7.13.0",
     "@vitejs/plugin-vue": "^5.0.4",
     "concurrently": "^8.2.2",
     "eslint": "^8.57.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-config-typescript": "^3.0.0",
+    "eslint-plugin-prettier": "^5.1.3",
     "eslint-plugin-vue": "^9.26.0",
     "execa": "^9.2.0",
+    "prettier": "^3.3.2",
     "ts-morph": "^22.0.0",
     "typescript": "^5.4.5",
     "typescript-eslint": "^7.13.0",
diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
index eadb5f6..7b25f3f 100644
--- a/src/components/HelloWorld.vue
+++ b/src/components/HelloWorld.vue
@@ -10,12 +10,7 @@ const count = ref(0)
   <h1>{{ msg }}</h1>
 
   <div class="card">
-    <button
-      type="button"
-      @click="count++"
-    >
-      count is {{ count }}
-    </button>
+    <button type="button" @click="count++">count is {{ count }}</button>
     <p>
       Edit
       <code>components/HelloWorld.vue</code> to test HMR
@@ -24,22 +19,16 @@ const count = ref(0)
 
   <p>
     Check out
-    <a
-      href="https://vuejs.org/guide/quick-start.html#local"
-      target="_blank"
-    >create-vue</a>, the official Vue + Vite starter
+    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
+      >create-vue</a
+    >, the official Vue + Vite starter
   </p>
   <p>
     Install
-    <a
-      href="https://github.com/vuejs/language-tools"
-      target="_blank"
-    >Volar</a>
+    <a href="https://github.com/vuejs/language-tools" target="_blank">Volar</a>
     in your IDE for a better DX
   </p>
-  <p class="read-the-docs">
-    Click on the Vite and Vue logos to learn more
-  </p>
+  <p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
 </template>
 
 <style scoped>
diff --git a/src/pages/CreateRoom.vue b/src/pages/CreateRoom.vue
index 04d7758..86dca46 100644
--- a/src/pages/CreateRoom.vue
+++ b/src/pages/CreateRoom.vue
@@ -1,62 +1,67 @@
 <script setup lang="ts">
 import { ref } from 'vue'
-import { useRouter } from 'vue-router';
+import { useRouter } from 'vue-router'
 const router = useRouter()
 // 部屋を作る
 // 必須: 部屋の名前, open/private 選択
 // private -> passwordも必要
 
-const baseUrl=''
-const isPublic=ref(true)
-const roomName=ref('')
-const roomPassrowd=ref('')
-const errorMsg=ref('')
+// const baseUrl=''
+const isPublic = ref(true)
+const roomName = ref('')
+const roomPassrowd = ref('')
+const errorMsg = ref('')
 
-const submit = ()=>  {
-  if(roomName.value==''){
-    errorMsg.value="部屋名を設定してください"
-  }else if(!isPublic.value && !roomPassrowd.value){
-    errorMsg.value="合言葉を設定してください"
-  }else{
+const submit = () => {
+  if (roomName.value == '') {
+    errorMsg.value = '部屋名を設定してください'
+  } else if (!isPublic.value && !roomPassrowd.value) {
+    errorMsg.value = '合言葉を設定してください'
+  } else {
     // 全ての設定がOK
-    errorMsg.value=''
-    const url=baseUrl+"/api/room"
-    const roominfo=JSON.stringify({
-      "isPublic": isPublic.value,
-      "name": roomName.value,
-      "password": roomPassrowd.value
-    })
+    // errorMsg.value=''
+    // const url=baseUrl+"/api/room"
+    // const roominfo=JSON.stringify({
+    //   "isPublic": isPublic.value,
+    //   "name": roomName.value,
+    //   "password": roomPassrowd.value
+    // })
     // res,err =post(url,body)
-    const roomId="xxxx"
-    router.push(
-      {path:`/rooms/${roomId}`,query:{password : roomPassrowd.value}}
-    )
+    const roomId = 'xxxx'
+    router.push({
+      path: `/rooms/${roomId}`,
+      query: { password: roomPassrowd.value },
+    })
   }
 }
 </script>
 
 <template>
   <h1 id="title">部屋を作る</h1>
-  <label> 部屋を全体公開する
-  <input type="checkbox" v-model="isPublic">
+  <label>
+    部屋を全体公開する
+    <input v-model="isPublic" type="checkbox" />
   </label>
   <label>
-    <p>部屋名
-      <input type="text" v-model="roomName">
+    <p>
+      部屋名
+      <input v-model="roomName" type="text" />
     </p>
   </label>
   <label v-if="!isPublic">
-    <p>合言葉
-      <input type="text" v-model="roomPassrowd">
+    <p>
+      合言葉
+      <input v-model="roomPassrowd" type="text" />
     </p>
   </label>
   <div>
     <h2>現在の設定</h2>
     <p>部屋名: {{ roomName }}</p>
-    <p>部屋を全体公開
+    <p>
+      部屋を全体公開
       <span v-if="isPublic">する</span>
       <span v-else>しない</span>
-  </p>
+    </p>
     <p v-if="!isPublic">合言葉: {{ roomPassrowd }}</p>
   </div>
   <button @click="submit()">作成する</button>
@@ -69,7 +74,7 @@ const submit = ()=>  {
 .read-the-docs {
   color: #888;
 }
-.err{
+.err {
   color: red;
 }
 </style>
diff --git a/src/pages/HomePage.vue b/src/pages/HomePage.vue
index 0983c47..3d21ff4 100644
--- a/src/pages/HomePage.vue
+++ b/src/pages/HomePage.vue
@@ -1,7 +1,17 @@
 <template>
   <div>
-    <button @click="() => $router.push({ path: '/rooms' })" class="changePageButton">ルームを探す</button>
-    <button @click="() => $router.push({ path: '/rooms/create' })"  class="changePageButton">ルームを作成</button>
+    <button
+      class="changePageButton"
+      @click="() => $router.push({ path: '/rooms' })"
+    >
+      ルームを探す
+    </button>
+    <button
+      class="changePageButton"
+      @click="() => $router.push({ path: '/rooms/create' })"
+    >
+      ルームを作成
+    </button>
   </div>
 </template>
 
@@ -9,7 +19,7 @@
 .read-the-docs {
   color: #888;
 }
-.changePageButton{
-  margin:10px;
+.changePageButton {
+  margin: 10px;
 }
 </style>
diff --git a/src/pages/IndividualRoom.vue b/src/pages/IndividualRoom.vue
index eadb5f6..7b25f3f 100644
--- a/src/pages/IndividualRoom.vue
+++ b/src/pages/IndividualRoom.vue
@@ -10,12 +10,7 @@ const count = ref(0)
   <h1>{{ msg }}</h1>
 
   <div class="card">
-    <button
-      type="button"
-      @click="count++"
-    >
-      count is {{ count }}
-    </button>
+    <button type="button" @click="count++">count is {{ count }}</button>
     <p>
       Edit
       <code>components/HelloWorld.vue</code> to test HMR
@@ -24,22 +19,16 @@ const count = ref(0)
 
   <p>
     Check out
-    <a
-      href="https://vuejs.org/guide/quick-start.html#local"
-      target="_blank"
-    >create-vue</a>, the official Vue + Vite starter
+    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
+      >create-vue</a
+    >, the official Vue + Vite starter
   </p>
   <p>
     Install
-    <a
-      href="https://github.com/vuejs/language-tools"
-      target="_blank"
-    >Volar</a>
+    <a href="https://github.com/vuejs/language-tools" target="_blank">Volar</a>
     in your IDE for a better DX
   </p>
-  <p class="read-the-docs">
-    Click on the Vite and Vue logos to learn more
-  </p>
+  <p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
 </template>
 
 <style scoped>
diff --git a/src/pages/RoomList.vue b/src/pages/RoomList.vue
index eadb5f6..7b25f3f 100644
--- a/src/pages/RoomList.vue
+++ b/src/pages/RoomList.vue
@@ -10,12 +10,7 @@ const count = ref(0)
   <h1>{{ msg }}</h1>
 
   <div class="card">
-    <button
-      type="button"
-      @click="count++"
-    >
-      count is {{ count }}
-    </button>
+    <button type="button" @click="count++">count is {{ count }}</button>
     <p>
       Edit
       <code>components/HelloWorld.vue</code> to test HMR
@@ -24,22 +19,16 @@ const count = ref(0)
 
   <p>
     Check out
-    <a
-      href="https://vuejs.org/guide/quick-start.html#local"
-      target="_blank"
-    >create-vue</a>, the official Vue + Vite starter
+    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
+      >create-vue</a
+    >, the official Vue + Vite starter
   </p>
   <p>
     Install
-    <a
-      href="https://github.com/vuejs/language-tools"
-      target="_blank"
-    >Volar</a>
+    <a href="https://github.com/vuejs/language-tools" target="_blank">Volar</a>
     in your IDE for a better DX
   </p>
-  <p class="read-the-docs">
-    Click on the Vite and Vue logos to learn more
-  </p>
+  <p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
 </template>
 
 <style scoped>
diff --git a/src/router/index.ts b/src/router/index.ts
index 147bdc3..31a60e2 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -26,7 +26,7 @@ const routes: RouteRecordRaw[] = [
     path: '/:pathMatch(.*)*',
     name: 'NotFound',
     component: import('@/pages/NotFound.vue'),
-  }
+  },
 ]
 
 const router = createRouter({

From 27bf5a8d18be04d18af8ccd504dcc3a68f777193 Mon Sep 17 00:00:00 2001
From: Rozelin <rozelin.dc@gmail.com>
Date: Sat, 15 Jun 2024 17:57:27 +0900
Subject: [PATCH 15/15] auto fix

---
 src/lib/apis/index.ts    |  2 +-
 src/pages/CreateRoom.vue | 81 +++++++++++++++++-----------------------
 src/router/index.ts      |  2 +-
 3 files changed, 37 insertions(+), 48 deletions(-)

diff --git a/src/lib/apis/index.ts b/src/lib/apis/index.ts
index 18c8650..c1b0fc8 100644
--- a/src/lib/apis/index.ts
+++ b/src/lib/apis/index.ts
@@ -6,7 +6,7 @@ const api = new Apis(
       import.meta.env.MODE === 'production'
         ? 'https://trap.show/h24s_19_server'
         : 'http://localhost:3000',
-  })
+  }),
 )
 
 export default api
diff --git a/src/pages/CreateRoom.vue b/src/pages/CreateRoom.vue
index 9e9f6da..d80102f 100644
--- a/src/pages/CreateRoom.vue
+++ b/src/pages/CreateRoom.vue
@@ -1,36 +1,37 @@
 <script setup lang="ts">
 import { ref } from 'vue'
-import api, {PostRoom} from '@/lib/apis'
-import router from '@/router';
+import api, { PostRoom } from '@/lib/apis'
+import router from '@/router'
 
 // 部屋を作る
 // 必須: 部屋の名前, open/private 選択
 // private -> passwordも必要
-const isPublic=ref(true)
-const newRoomName=ref('')
-const roomPassword=ref('')
-const errorMsg=ref('')
+const isPublic = ref(true)
+const newRoomName = ref('')
+const roomPassword = ref('')
+const errorMsg = ref('')
 
-const submit = async ()=>  {
-  if(newRoomName.value==''){
-    errorMsg.value="部屋名を設定してください"
-  }else if(!isPublic.value && !roomPassword.value){
-    errorMsg.value="合言葉を設定してください"
-  }else{
+const submit = async () => {
+  if (newRoomName.value == '') {
+    errorMsg.value = '部屋名を設定してください'
+  } else if (!isPublic.value && !roomPassword.value) {
+    errorMsg.value = '合言葉を設定してください'
+  } else {
     // 全ての設定がOK
-    errorMsg.value=''
-    const roomInfo:PostRoom={
-      "isPublic": isPublic.value,
-      "roomName": newRoomName.value,
-      "password": roomPassword.value
+    errorMsg.value = ''
+    const roomInfo: PostRoom = {
+      isPublic: isPublic.value,
+      roomName: newRoomName.value,
+      password: roomPassword.value,
     }
-    try{
+    try {
       const resp = await api.apiRoomPost(roomInfo)
       const roomId = resp.data.roomId
-      router.push(
-        {path: `/rooms/${roomId}`,query: {password:roomPassword.value}}
-      )
-    }catch(e){
+      router.push({
+        path: `/rooms/${roomId}`,
+        query: { password: roomPassword.value },
+      })
+    } catch (e) {
       console.error(e)
     }
   }
@@ -38,29 +39,21 @@ const submit = async ()=>  {
 </script>
 
 <template>
-  <h1 id="title">
-    部屋を作る
-  </h1>
-  <label> 部屋を全体公開する
-    <input
-      v-model="isPublic"
-      type="checkbox"
-    >
+  <h1 id="title">部屋を作る</h1>
+  <label>
+    部屋を全体公開する
+    <input v-model="isPublic" type="checkbox" />
   </label>
   <label>
-    <p>部屋名
-      <input
-        v-model="newRoomName"
-        type="text"
-      >
+    <p>
+      部屋名
+      <input v-model="newRoomName" type="text" />
     </p>
   </label>
   <label v-if="!isPublic">
-    <p>合言葉
-      <input
-        v-model="roomPassword"
-        type="text"
-      >
+    <p>
+      合言葉
+      <input v-model="roomPassword" type="text" />
     </p>
   </label>
   <div>
@@ -71,13 +64,9 @@ const submit = async ()=>  {
       <span v-if="isPublic">する</span>
       <span v-else>しない</span>
     </p>
-    <p v-if="!isPublic">
-      合言葉: {{ roomPassword }}
-    </p>
+    <p v-if="!isPublic">合言葉: {{ roomPassword }}</p>
   </div>
-  <button @click="submit()">
-    作成する
-  </button>
+  <button @click="submit()">作成する</button>
   <div class="err">
     {{ errorMsg }}
   </div>
diff --git a/src/router/index.ts b/src/router/index.ts
index 2d2ead4..197e9ac 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -26,7 +26,7 @@ const routes: RouteRecordRaw[] = [
     path: '/:pathMatch(.*)*',
     name: 'NotFound',
     component: () => import('@/pages/NotFound.vue'),
-  }
+  },
 ]
 
 const router = createRouter({