refactor: welcome.setup.vue to composition api

packages/client/src/pages/welcome.setup.vue

@@ -21,50 +21,37 @@
 </form>
 </template>
 
-<script lang="ts">
-import { defineComponent } from 'vue';
+<script lang="ts" setup>
+import { } from 'vue';
 import MkButton from '@/components/ui/button.vue';
 import MkInput from '@/components/form/input.vue';
 import { host } from '@/config';
 import * as os from '@/os';
 import { login } from '@/account';
+import { i18n } from '@/i18n';
 
-export default defineComponent({
-	components: {
-		MkButton,
-		MkInput,
-	},
+let username = $ref('');
+let password = $ref('');
+let submitting = $ref(false);
 
-	data() {
-		return {
-			username: '',
-			password: '',
-			submitting: false,
-			host,
-		};
-	},
-
-	methods: {
-		submit() {
-			if (this.submitting) return;
-			this.submitting = true;
+function submit(): void {
+	if (submitting) return;
+	submitting = true;
 
 	os.api('admin/accounts/create', {
-				username: this.username,
-				password: this.password,
+		username,
+		password,
 	}).then(res => {
 		return login(res.token);
 	}).catch(() => {
-				this.submitting = false;
+		submitting = false;
 
 		os.alert({
 			type: 'error',
-					text: this.$ts.somethingHappened
+			text: i18n.ts.somethingHappened,
 		});
 	});
-		}
-	}
-});
+}
 </script>
 
 <style lang="scss" scoped>