refactor(client): Create root.vue and select the ui in it (#9312)

This commit is contained in:
tamaina 2022-12-12 21:01:43 +09:00 committed by GitHub
parent 8211893210
commit 0294555e2b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 21 additions and 7 deletions

View file

@ -38,6 +38,7 @@ import { reloadChannel } from '@/scripts/unison-reload';
import { reactionPicker } from '@/scripts/reaction-picker';
import { getUrlWithoutLoginId } from '@/scripts/login-id';
import { getAccountFromId } from '@/scripts/get-account-from-id';
import rootComponent from '@/root.vue';
(async () => {
console.info(`Misskey v${version}`);
@ -158,13 +159,7 @@ import { getAccountFromId } from '@/scripts/get-account-from-id';
initializeSw();
});
const app = createApp(
window.location.search === '?zen' ? defineAsyncComponent(() => import('@/ui/zen.vue')) :
!$i ? defineAsyncComponent(() => import('@/ui/visitor.vue')) :
ui === 'deck' ? defineAsyncComponent(() => import('@/ui/deck.vue')) :
ui === 'classic' ? defineAsyncComponent(() => import('@/ui/classic.vue')) :
defineAsyncComponent(() => import('@/ui/universal.vue')),
);
const app = createApp(rootComponent);
if (_DEV_) {
app.config.performance = true;

View file

@ -0,0 +1,19 @@
<template>
<ZenUi v-if="searchString === '?zen'" />
<VisitorUi v-else-if="!$i" />
<DeckUi v-else-if="ui === 'deck'" />
<ClassicUi v-else-if="ui === 'classic'" />
<UniversalUi v-else />
</template>
<script lang="ts" setup>
import ZenUi from '@/ui/zen.vue';
import VisitorUi from '@/ui/visitor.vue';
import DeckUi from '@/ui/deck.vue';
import ClassicUi from '@/ui/classic.vue';
import UniversalUi from '@/ui/universal.vue';
import { $i } from '@/account';
import { ui } from '@/config';
const searchString = window.location.search;
</script>