v12 (#5712)

Co-authored-by: MeiMei <30769358+mei23@users.noreply.github.com>
Co-authored-by: Satsuki Yanagi <17376330+u1-liquid@users.noreply.github.com>

src/client/pages/index.welcome.vue

@@ -0,0 +1,34 @@
+<template>
+<div v-if="meta" class="mk-welcome">
+	<portal to="title">{{ instanceName }}</portal>
+	<x-setup v-if="meta.requireSetup"/>
+	<x-entrance v-else/>
+</div>
+</template>
+
+<script lang="ts">
+import Vue from 'vue';
+import XSetup from './index.welcome.setup.vue';
+import XEntrance from './index.welcome.entrance.vue';
+import { getInstanceName } from '../scripts/get-instance-name';
+
+export default Vue.extend({
+	components: {
+		XSetup,
+		XEntrance,
+	},
+
+	data() {
+		return {
+			meta: null,
+			instanceName: getInstanceName(),
+		}
+	},
+
+	created() {
+		this.$root.getMeta().then(meta => {
+			this.meta = meta;
+		});
+	}
+});
+</script>