From 6fbdc9ee545bfde561bea3e3d58d1907f3b80738 Mon Sep 17 00:00:00 2001
From: rca <nem@nem.x0.to>
Date: Fri, 19 Jul 2024 01:14:48 +0900
Subject: [PATCH] =?UTF-8?q?=E3=83=AD=E3=82=B0=E3=82=A4=E3=83=B3=E3=83=AD?=
 =?UTF-8?q?=E3=82=B8=E3=83=83=E3=82=AF=20wip?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/LoginPage.vue | 27 ++++++++++++++++-----------
 1 file changed, 16 insertions(+), 11 deletions(-)

diff --git a/src/pages/LoginPage.vue b/src/pages/LoginPage.vue
index a423f7d..d6d2aae 100644
--- a/src/pages/LoginPage.vue
+++ b/src/pages/LoginPage.vue
@@ -7,15 +7,8 @@
 
       <q-card-section>
         <q-form @submit.prevent="login">
-          <q-input
-            v-model="loginCode"
-            type="text"
-            label="ログインコード"
-            mask="####-####"
-            fill-mask
-            :rules="[val => val.length === 9 || 'ログインコードは8桁の数字です']"
-            outlined
-          />
+          <q-input v-model="loginCode" type="text" label="ログインコード" mask="########" fill-mask
+            :rules="[val => val.length === 8 || 'ログインコードは8桁の数字です']" outlined />
           <q-btn type="submit" label="ログイン" color="primary" class="q-mt-md" :disable="!canLogin" />
         </q-form>
       </q-card-section>
@@ -25,14 +18,26 @@
 
 <script setup>
 import { ref, computed } from 'vue';
+import useStore from 'src/store';
+import { loginWithCode } from 'src/api/apiService';
 
 const loginCode = ref('');
 
-const canLogin = computed(() => loginCode.value.length === 9);
+const canLogin = computed(() => loginCode.value.length === 8);
+
+const store = useStore();
 
 const login = () => {
   if (canLogin.value) {
-    alert('Login successful!');
+    loginWithCode(loginCode.value).then((response) => {
+      if (response.error) {
+        alert('ログインエラー: ' + response.error);
+        return;
+      }
+      store.commit('setToken', response.token);
+    }).catch((error) => {
+      alert('ログインエラー: ' + error);
+    });
   }
 };
 </script>