auto fix

traP-jp · Jun 15, 2024 · 27bf5a8 · 27bf5a8
1 parent f6a8e07
commit 27bf5a8
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 48 deletions.
diff --git 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
@@ -1,66 +1,59 @@
 <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)
     }
   }
 }
 </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
@@ -26,7 +26,7 @@ const routes: RouteRecordRaw[] = [
     path: '/:pathMatch(.*)*',
     name: 'NotFound',
     component: () => import('@/pages/NotFound.vue'),
-  }
+  },
 ]
 
 const router = createRouter({