From 0befc5169bc548999865d903c0890abff84693c3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=89=E5=92=B2=E6=99=BA=E5=AD=90=20Kevin=20Deng?=
 <sxzz@sxzz.moe>
Date: Wed, 23 Nov 2022 17:06:32 +0800
Subject: [PATCH] feat: auto remove https prefix (#31)

---
 components/user/UserSignIn.vue | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/components/user/UserSignIn.vue b/components/user/UserSignIn.vue
index f9536b6c..6b3b9a88 100644
--- a/components/user/UserSignIn.vue
+++ b/components/user/UserSignIn.vue
@@ -1,10 +1,15 @@
 <script setup lang="ts">
 import { DEFAULT_SERVER } from '~/constants'
 
-const server = ref<string>()
+let server = $ref<string>('')
 
 async function oauth() {
-  location.href = `/api/${server.value || DEFAULT_SERVER}/login`
+  location.href = `/api/${server || DEFAULT_SERVER}/login`
+}
+
+async function handleInput() {
+  if (server.startsWith('https://'))
+    server = server.replace('https://', '')
 }
 </script>
 
@@ -16,7 +21,7 @@ async function oauth() {
     <div>Mastodon Server Name</div>
     <div flex bg-gray:10 px2 py1 mxa rounded border="~ border" w-80 text-xl items-center>
       <span op35 mr1 text-sm>https://</span>
-      <input v-model="server" :placeholder="DEFAULT_SERVER" outline-none bg-transparent>
+      <input v-model="server" :placeholder="DEFAULT_SERVER" outline-none bg-transparent @input="handleInput">
     </div>
     <button btn-solid mxa mt2 @click="oauth()">
       Sign in