refactor(client): use setup

packages/client/src/pages/welcome.vue

@@ -5,34 +5,24 @@
 </div>
 </template>
 
-<script lang="ts">
+<script lang="ts" setup>
-import { defineComponent } from 'vue';
+import { computed } from 'vue';
 import XSetup from './welcome.setup.vue';
 import XEntrance from './welcome.entrance.a.vue';
 import { instanceName } from '@/config';
 import * as os from '@/os';
 import * as symbols from '@/symbols';
 
-export default defineComponent({
+let meta = $ref(null);
-	components: {
-		XSetup,
-		XEntrance,
-	},
 
-	data() {
+os.api('meta', { detail: true }).then(res => {
-		return {
+	meta = res;
-			[symbols.PAGE_INFO]: {
+});
-				title: instanceName,
-				icon: null
-			},
-			meta: null
-		}
-	},
 
-	created() {
+defineExpose({
-		os.api('meta', { detail: true }).then(meta => {
+	[symbols.PAGE_INFO]: computed(() => ({
-			this.meta = meta;
+		title: instanceName,
-		});
+		icon: null,
-	}
+	})),
 });
 </script>