[Client] Split components to reduce bundle size

src/client/app/desktop/views/components/settings-window.vue

@@ -1,15 +1,21 @@
 <template>
 <mk-window ref="window" is-modal width="700px" height="550px" @closed="destroyDom">
 	<span slot="header" :class="$style.header"><fa icon="cog"/>{{ $t('settings') }}</span>
-	<mk-settings :initial-page="initialPage" @done="close"/>
+	<x-settings :initial-page="initialPage" @done="close"/>
 </mk-window>
 </template>
 
 <script lang="ts">
 import Vue from 'vue';
 import i18n from '../../../i18n';
+
 export default Vue.extend({
 	i18n: i18n('desktop/views/components/settings-window.vue'),
+
+	components: {
+		XSettings: () => import('./settings.vue').then(m => m.default)
+	},
+
 	props: {
 		initialPage: {
 			type: String,