feat: refactor layouts and login components

2026-03-30 15:04:27 +08:00
parent f7413111c0
commit 79b20ded3b
21 changed files with 159 additions and 210 deletions
@@ -0,0 +1,45 @@
+<template>
+  <div class="text-center w-100">
+    <div class="text-body-2">
+      {{ props.promptText }}
+      <a
+        class="text-primary text-decoration-none font-weight-bold ml-1"
+        :href="props.href || '#'"
+        :target="props.target"
+        @click="handleClick"
+      >
+        {{ props.linkText }}
+      </a>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+const props = defineProps({
+  promptText: {
+    type: String,
+    default: '還沒有帳號?',
+  },
+  linkText: {
+    type: String,
+    default: '註冊帳號',
+  },
+  href: {
+    type: String,
+    default: '',
+  },
+  target: {
+    type: String,
+    default: undefined,
+  },
+})
+
+const emit = defineEmits(['click'])
+
+function handleClick(e: MouseEvent) {
+  emit('click', e)
+  if (!props.href) {
+    e.preventDefault()
+  }
+}
+</script>