fix router
This commit is contained in:
parent
96e57595a6
commit
130a297214
|
@ -43,20 +43,20 @@ export default defineComponent({
|
||||||
MkSwitch,
|
MkSwitch,
|
||||||
},
|
},
|
||||||
|
|
||||||
emits: ['resolved'],
|
|
||||||
|
|
||||||
props: {
|
props: {
|
||||||
report: {
|
report: {
|
||||||
type: Object,
|
type: Object,
|
||||||
required: true,
|
required: true,
|
||||||
}
|
}
|
||||||
}
|
},
|
||||||
|
|
||||||
|
emits: ['resolved'],
|
||||||
|
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
forward: this.report.forwarded,
|
forward: this.report.forwarded,
|
||||||
};
|
};
|
||||||
}
|
},
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
acct,
|
acct,
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
import { defineAsyncComponent, markRaw } from 'vue';
|
import { AsyncComponentLoader, defineAsyncComponent, markRaw } from 'vue';
|
||||||
import { createRouter, createWebHistory } from 'vue-router';
|
import { createRouter, createWebHistory } from 'vue-router';
|
||||||
import MkLoading from '@/pages/_loading_.vue';
|
import MkLoading from '@/pages/_loading_.vue';
|
||||||
import MkError from '@/pages/_error_.vue';
|
import MkError from '@/pages/_error_.vue';
|
||||||
|
@ -6,8 +6,8 @@ import MkTimeline from '@/pages/timeline.vue';
|
||||||
import { $i, iAmModerator } from './account';
|
import { $i, iAmModerator } from './account';
|
||||||
import { ui } from '@/config';
|
import { ui } from '@/config';
|
||||||
|
|
||||||
const page = (path: string, ui?: string) => defineAsyncComponent({
|
const page = (path: string | AsyncComponentLoader<any>, uiName?: string) => defineAsyncComponent({
|
||||||
loader: ui ? () => import(`./ui/${ui}/pages/${path}.vue`) : () => import(`./pages/${path}.vue`),
|
loader: typeof path === 'string' ? uiName ? () => import(`./ui/${ui}/pages/${path}.vue`) : () => import(`./pages/${path}.vue`) : path,
|
||||||
loadingComponent: MkLoading,
|
loadingComponent: MkLoading,
|
||||||
errorComponent: MkError,
|
errorComponent: MkError,
|
||||||
});
|
});
|
||||||
|
@ -17,10 +17,10 @@ let indexScrollPos = 0;
|
||||||
const defaultRoutes = [
|
const defaultRoutes = [
|
||||||
// NOTE: MkTimelineをdynamic importするとAsyncComponentWrapperが間に入るせいでkeep-aliveのコンポーネント指定が効かなくなる
|
// NOTE: MkTimelineをdynamic importするとAsyncComponentWrapperが間に入るせいでkeep-aliveのコンポーネント指定が効かなくなる
|
||||||
{ path: '/', name: 'index', component: $i ? MkTimeline : page('welcome') },
|
{ path: '/', name: 'index', component: $i ? MkTimeline : page('welcome') },
|
||||||
{ path: '/@:acct/:page?', name: 'user', component: page('user/index'), props: route => ({ acct: route.params.acct, page: route.params.page || 'index' }) },
|
{ path: '/@:acct/:page?', name: 'user', component: page(() => import('./pages/user/index.vue')), props: route => ({ acct: route.params.acct, page: route.params.page || 'index' }) },
|
||||||
{ path: '/@:user/pages/:page', component: page('page'), props: route => ({ pageName: route.params.page, username: route.params.user }) },
|
{ path: '/@:user/pages/:page', component: page('page'), props: route => ({ pageName: route.params.page, username: route.params.user }) },
|
||||||
{ path: '/@:user/pages/:pageName/view-source', component: page('page-editor/page-editor'), props: route => ({ initUser: route.params.user, initPageName: route.params.pageName }) },
|
{ path: '/@:user/pages/:pageName/view-source', component: page(() => import('./pages/page-editor/page-editor.vue')), props: route => ({ initUser: route.params.user, initPageName: route.params.pageName }) },
|
||||||
{ path: '/settings/:page(.*)?', name: 'settings', component: page('settings/index'), props: route => ({ initialPage: route.params.page || null }) },
|
{ path: '/settings/:page(.*)?', name: 'settings', component: page(() => import('./pages/settings/index.vue')), props: route => ({ initialPage: route.params.page || null }) },
|
||||||
{ path: '/reset-password/:token?', component: page('reset-password'), props: route => ({ token: route.params.token }) },
|
{ path: '/reset-password/:token?', component: page('reset-password'), props: route => ({ token: route.params.token }) },
|
||||||
{ path: '/signup-complete/:code', component: page('signup-complete'), props: route => ({ code: route.params.code }) },
|
{ path: '/signup-complete/:code', component: page('signup-complete'), props: route => ({ code: route.params.code }) },
|
||||||
{ path: '/announcements', component: page('announcements') },
|
{ path: '/announcements', component: page('announcements') },
|
||||||
|
@ -35,12 +35,12 @@ const defaultRoutes = [
|
||||||
{ path: '/emojis', component: page('emojis') },
|
{ path: '/emojis', component: page('emojis') },
|
||||||
{ path: '/search', component: page('search'), props: route => ({ query: route.query.q, channel: route.query.channel }) },
|
{ path: '/search', component: page('search'), props: route => ({ query: route.query.q, channel: route.query.channel }) },
|
||||||
{ path: '/pages', name: 'pages', component: page('pages') },
|
{ path: '/pages', name: 'pages', component: page('pages') },
|
||||||
{ path: '/pages/new', component: page('page-editor/page-editor') },
|
{ path: '/pages/new', component: page(() => import('./pages/page-editor/page-editor.vue')) },
|
||||||
{ path: '/pages/edit/:pageId', component: page('page-editor/page-editor'), props: route => ({ initPageId: route.params.pageId }) },
|
{ path: '/pages/edit/:pageId', component: page(() => import('./pages/page-editor/page-editor.vue')), props: route => ({ initPageId: route.params.pageId }) },
|
||||||
{ path: '/gallery', component: page('gallery/index') },
|
{ path: '/gallery', component: page(() => import('./pages/gallery/index.vue')) },
|
||||||
{ path: '/gallery/new', component: page('gallery/edit') },
|
{ path: '/gallery/new', component: page(() => import('./pages/gallery/edit.vue')) },
|
||||||
{ path: '/gallery/:postId/edit', component: page('gallery/edit'), props: route => ({ postId: route.params.postId }) },
|
{ path: '/gallery/:postId/edit', component: page(() => import('./pages/gallery/edit.vue')), props: route => ({ postId: route.params.postId }) },
|
||||||
{ path: '/gallery/:postId', component: page('gallery/post'), props: route => ({ postId: route.params.postId }) },
|
{ path: '/gallery/:postId', component: page(() => import('./pages/gallery/edit.vue')), props: route => ({ postId: route.params.postId }) },
|
||||||
{ path: '/channels', component: page('channels') },
|
{ path: '/channels', component: page('channels') },
|
||||||
{ path: '/channels/new', component: page('channel-editor') },
|
{ path: '/channels/new', component: page('channel-editor') },
|
||||||
{ path: '/channels/:channelId/edit', component: page('channel-editor'), props: true },
|
{ path: '/channels/:channelId/edit', component: page('channel-editor'), props: true },
|
||||||
|
@ -52,23 +52,23 @@ const defaultRoutes = [
|
||||||
{ path: '/my/favorites', component: page('favorites') },
|
{ path: '/my/favorites', component: page('favorites') },
|
||||||
{ path: '/my/messages', component: page('messages') },
|
{ path: '/my/messages', component: page('messages') },
|
||||||
{ path: '/my/mentions', component: page('mentions') },
|
{ path: '/my/mentions', component: page('mentions') },
|
||||||
{ path: '/my/messaging', name: 'messaging', component: page('messaging/index') },
|
{ path: '/my/messaging', name: 'messaging', component: page(() => import('./pages/messaging/index.vue')) },
|
||||||
{ path: '/my/messaging/:user', component: page('messaging/messaging-room'), props: route => ({ userAcct: route.params.user }) },
|
{ path: '/my/messaging/:user', component: page(() => import('./pages/messaging/messaging-room.vue')), props: route => ({ userAcct: route.params.user }) },
|
||||||
{ path: '/my/messaging/group/:group', component: page('messaging/messaging-room'), props: route => ({ groupId: route.params.group }) },
|
{ path: '/my/messaging/group/:group', component: page(() => import('./pages/messaging/messaging-room.vue')), props: route => ({ groupId: route.params.group }) },
|
||||||
{ path: '/my/drive', name: 'drive', component: page('drive') },
|
{ path: '/my/drive', name: 'drive', component: page('drive') },
|
||||||
{ path: '/my/drive/folder/:folder', component: page('drive') },
|
{ path: '/my/drive/folder/:folder', component: page('drive') },
|
||||||
{ path: '/my/follow-requests', component: page('follow-requests') },
|
{ path: '/my/follow-requests', component: page('follow-requests') },
|
||||||
{ path: '/my/lists', component: page('my-lists/index') },
|
{ path: '/my/lists', component: page(() => import('./pages/my-lists/index.vue')) },
|
||||||
{ path: '/my/lists/:list', component: page('my-lists/list') },
|
{ path: '/my/lists/:list', component: page(() => import('./pages/my-lists/list.vue')) },
|
||||||
{ path: '/my/groups', component: page('my-groups/index') },
|
{ path: '/my/groups', component: page(() => import('./pages/my-groups/index.vue')) },
|
||||||
{ path: '/my/groups/:group', component: page('my-groups/group'), props: route => ({ groupId: route.params.group }) },
|
{ path: '/my/groups/:group', component: page(() => import('./pages/my-groups/group.vue')), props: route => ({ groupId: route.params.group }) },
|
||||||
{ path: '/my/antennas', component: page('my-antennas/index') },
|
{ path: '/my/antennas', component: page(() => import('./pages/my-antennas/index.vue')) },
|
||||||
{ path: '/my/antennas/create', component: page('my-antennas/create') },
|
{ path: '/my/antennas/create', component: page(() => import('./pages/my-antennas/create.vue')) },
|
||||||
{ path: '/my/antennas/:antennaId', component: page('my-antennas/edit'), props: true },
|
{ path: '/my/antennas/:antennaId', component: page(() => import('./pages/my-antennas/edit.vue')), props: true },
|
||||||
{ path: '/my/clips', component: page('my-clips/index') },
|
{ path: '/my/clips', component: page(() => import('./pages/my-clips/index.vue')) },
|
||||||
{ path: '/scratchpad', component: page('scratchpad') },
|
{ path: '/scratchpad', component: page('scratchpad') },
|
||||||
{ path: '/admin/:page(.*)?', component: iAmModerator ? page('admin/index') : page('not-found'), props: route => ({ initialPage: route.params.page || null }) },
|
{ path: '/admin/:page(.*)?', component: iAmModerator ? page(() => import('./pages/admin/index.vue')) : page('not-found'), props: route => ({ initialPage: route.params.page || null }) },
|
||||||
{ path: '/admin', component: iAmModerator ? page('admin/index') : page('not-found') },
|
{ path: '/admin', component: iAmModerator ? page(() => import('./pages/admin/index.vue')) : page('not-found') },
|
||||||
{ path: '/notes/:note', name: 'note', component: page('note'), props: route => ({ noteId: route.params.note }) },
|
{ path: '/notes/:note', name: 'note', component: page('note'), props: route => ({ noteId: route.params.note }) },
|
||||||
{ path: '/tags/:tag', component: page('tag'), props: route => ({ tag: route.params.tag }) },
|
{ path: '/tags/:tag', component: page('tag'), props: route => ({ tag: route.params.tag }) },
|
||||||
{ path: '/user-info/:user', component: page('user-info'), props: route => ({ userId: route.params.user }) },
|
{ path: '/user-info/:user', component: page('user-info'), props: route => ({ userId: route.params.user }) },
|
||||||
|
|
Loading…
Reference in New Issue