diff options
| author | tamaina <tamaina@hotmail.co.jp> | 2022-12-12 21:01:43 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-12-12 21:01:43 +0900 |
| commit | 0294555e2b7899ddd5440de485ba629b4b3fffb5 (patch) | |
| tree | fa6de90d5c3adec8cd183dac70e15d8c3b110c26 /packages | |
| parent | Fix lint errors (except `@typescript-eslint/prefer-nullish-coalescing`) (#9311) (diff) | |
| download | misskey-0294555e2b7899ddd5440de485ba629b4b3fffb5.tar.gz misskey-0294555e2b7899ddd5440de485ba629b4b3fffb5.tar.bz2 misskey-0294555e2b7899ddd5440de485ba629b4b3fffb5.zip | |
refactor(client): Create root.vue and select the ui in it (#9312)
Diffstat (limited to 'packages')
| -rw-r--r-- | packages/client/src/init.ts | 9 | ||||
| -rw-r--r-- | packages/client/src/root.vue | 19 |
2 files changed, 21 insertions, 7 deletions
diff --git a/packages/client/src/init.ts b/packages/client/src/init.ts index f9e08d79b1..f7a043bcf4 100644 --- a/packages/client/src/init.ts +++ b/packages/client/src/init.ts @@ -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; diff --git a/packages/client/src/root.vue b/packages/client/src/root.vue new file mode 100644 index 0000000000..d0bc5ffe90 --- /dev/null +++ b/packages/client/src/root.vue @@ -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> |