优化《用户协议》弹窗方式

#180

components/PopupWindowLink.vue

@@ -0,0 +1,16 @@
+<script lang="tsx">
+	export default (({ href }, { slots, attrs }) => {
+		function popupWindow(url: string) {
+			window.open(url, document.title, "toolbar=no,location=no,directories=no,menubar=no,scrollbars=yes,resizable=no,status=no");
+		}
+
+		return (
+			<a {...attrs} href={href} target="_blank" onClick={withModifiers(e => popupWindow((e.currentTarget as HTMLAnchorElement).href), ["stop"])}>
+				{slots.default?.()}
+			</a>
+		);
+	}) as VueJsx<{
+		/** 超链接。 */
+		href: string;
+	}>;
+</script>

pages/welcome.vue

@@ -178,7 +178,7 @@
 
 				<SettingsUserProfile v-model="profile" />
 
-				<Checkbox v-model:single="isRead">我已阅读并同意<a href="https://otomad.github.io/cssc/license.htm" target="_blank" @click.stop>《KIRAKIRA☆DOUGA用户协议》</a></Checkbox>
+				<Checkbox v-model:single="isRead">我已阅读并同意<PopupWindowLink href="https://otomad.github.io/cssc/license.htm">《KIRAKIRA☆DOUGA用户协议》</PopupWindowLink></Checkbox>
 
 				<Button icon="check" :disabled="!validData || isUpdateUserInfo" :loading="isUpdateUserInfo" @click="finish">开始畅游KIRAKIRA☆DOUGA</Button>
 			</div>