diff --git a/packages/client/src/pages/welcome.vue b/packages/client/src/pages/welcome.vue
index 4c038b5113..98808229da 100644
--- a/packages/client/src/pages/welcome.vue
+++ b/packages/client/src/pages/welcome.vue
@@ -5,34 +5,24 @@
 </div>
 </template>
 
-<script lang="ts">
-import { defineComponent } from 'vue';
+<script lang="ts" setup>
+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({
-	components: {
-		XSetup,
-		XEntrance,
-	},
+let meta = $ref(null);
 
-	data() {
-		return {
-			[symbols.PAGE_INFO]: {
-				title: instanceName,
-				icon: null
-			},
-			meta: null
-		}
-	},
+os.api('meta', { detail: true }).then(res => {
+	meta = res;
+});
 
-	created() {
-		os.api('meta', { detail: true }).then(meta => {
-			this.meta = meta;
-		});
-	}
+defineExpose({
+	[symbols.PAGE_INFO]: computed(() => ({
+		title: instanceName,
+		icon: null,
+	})),
 });
 </script>