v0.0.87: 저장·로그인 버튼 비활성 기본, 글 목록 삭제 아이콘, 푸시 지침

pages/signin.vue

@@ -13,6 +13,12 @@ const form = reactive({
   password: ''
 })
 
+/**
+ * 회원 로그인 제출 가능 여부
+ * @returns {boolean} 제출 가능 여부
+ */
+const canSubmitSignIn = computed(() => Boolean(form.email.trim()) && Boolean(form.password))
+
 /**
  * 로그인 입력값을 검증한다.
  * @returns {boolean} 검증 통과 여부
@@ -99,9 +105,9 @@ const submitSignIn = async () => {
           </div>
 
           <button
-            class="h-9 rounded-[8px] bg-[#2f6feb] px-8 text-xs font-medium text-white transition-opacity hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-60"
+            class="h-9 rounded-[8px] bg-[#2f6feb] px-8 text-xs font-medium text-white transition-opacity hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-40"
             type="submit"
-            :disabled="isSubmitting"
+            :disabled="isSubmitting || !canSubmitSignIn"
           >
             로그인
           </button>