v0.1.45 - 로그인 유지 옵션과 랜딩 문구 정리

src/components/AuthDialog.vue

@@ -32,7 +32,7 @@ const emit = defineEmits([
 function updateField(field, event) {
   emit('update:field', {
     field,
-    value: event.target.value,
+    value: event.target.type === 'checkbox' ? event.target.checked : event.target.value,
   })
 }
 </script>
@@ -98,6 +98,24 @@ function updateField(field, event) {
           />
         </div>
 
+        <label
+          v-if="mode === 'login'"
+          class="flex items-start gap-3 rounded-2xl border border-stone-300/70 bg-white/55 px-4 py-3 text-left"
+        >
+          <input
+            :checked="form.rememberSession"
+            type="checkbox"
+            class="mt-1 h-4 w-4 shrink-0 accent-stone-900"
+            @change="updateField('rememberSession', $event)"
+          />
+          <span>
+            <span class="block text-xs font-bold tracking-[0.12em] text-stone-800">로그인 유지</span>
+            <span class="mt-1 block text-[11px] font-semibold leading-5 tracking-[0.02em] text-stone-500">
+              체크하지 않으면 브라우저를 닫을 때 로그인 정보가 사라집니다.
+            </span>
+          </span>
+        </label>
+
         <p
           v-if="message"
           class="rounded-2xl border border-stone-300 bg-white/80 px-4 py-3 text-sm font-semibold leading-6 text-stone-700"