fix: 🐛 use router
This commit is contained in:
parent
5d8f695206
commit
2781a0aca4
3 changed files with 51 additions and 50 deletions
|
@ -1,6 +1,6 @@
|
||||||
{
|
{
|
||||||
"name": "misskey",
|
"name": "misskey",
|
||||||
"version": "12.118.1-calc.6.7",
|
"version": "12.118.1-calc.6.8",
|
||||||
"codename": "aqua",
|
"codename": "aqua",
|
||||||
"repository": {
|
"repository": {
|
||||||
"type": "git",
|
"type": "git",
|
||||||
|
|
|
@ -46,60 +46,58 @@
|
||||||
<MkInstanceTicker v-if="showTicker" class="ticker" :instance="appearNote.user.instance"/>
|
<MkInstanceTicker v-if="showTicker" class="ticker" :instance="appearNote.user.instance"/>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<MkA class="created-at" :to="notePage(appearNote)">
|
<div class="main" @click="router.push(notePage(appearNote))">
|
||||||
<div class="main">
|
<div class="body">
|
||||||
<div class="body">
|
<p v-if="appearNote.cw != null" class="cw">
|
||||||
<p v-if="appearNote.cw != null" class="cw">
|
<Mfm v-if="appearNote.cw != ''" class="text" :text="appearNote.cw" :author="appearNote.user" :i="$i" :custom-emojis="appearNote.emojis"/>
|
||||||
<Mfm v-if="appearNote.cw != ''" class="text" :text="appearNote.cw" :author="appearNote.user" :i="$i" :custom-emojis="appearNote.emojis"/>
|
<XCwButton v-model="showContent" :note="appearNote"/>
|
||||||
<XCwButton v-model="showContent" :note="appearNote"/>
|
</p>
|
||||||
</p>
|
<div v-show="appearNote.cw == null || showContent" class="content">
|
||||||
<div v-show="appearNote.cw == null || showContent" class="content">
|
<div class="text">
|
||||||
<div class="text">
|
<MkA v-if="appearNote.replyId" class="reply" :to="`/notes/${appearNote.replyId}`"><i class="fas fa-reply"></i></MkA>
|
||||||
<MkA v-if="appearNote.replyId" class="reply" :to="`/notes/${appearNote.replyId}`"><i class="fas fa-reply"></i></MkA>
|
<Mfm v-if="appearNote.text" :text="appearNote.text" :author="appearNote.user" :i="$i" :custom-emojis="appearNote.emojis"/>
|
||||||
<Mfm v-if="appearNote.text" :text="appearNote.text" :author="appearNote.user" :i="$i" :custom-emojis="appearNote.emojis"/>
|
<a v-if="appearNote.renote != null" class="rp">RN:</a>
|
||||||
<a v-if="appearNote.renote != null" class="rp">RN:</a>
|
<div v-if="translating || translation" class="translation">
|
||||||
<div v-if="translating || translation" class="translation">
|
<MkLoading v-if="translating" mini/>
|
||||||
<MkLoading v-if="translating" mini/>
|
<div v-else class="translated">
|
||||||
<div v-else class="translated">
|
<b>{{ $t('translatedFrom', { x: translation.sourceLang }) }}: </b>
|
||||||
<b>{{ $t('translatedFrom', { x: translation.sourceLang }) }}: </b>
|
<Mfm :text="translation.text" :author="appearNote.user" :i="$i" :custom-emojis="appearNote.emojis"/>
|
||||||
<Mfm :text="translation.text" :author="appearNote.user" :i="$i" :custom-emojis="appearNote.emojis"/>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="appearNote.files.length > 0" class="files">
|
|
||||||
<XMediaList :media-list="appearNote.files"/>
|
|
||||||
</div>
|
|
||||||
<XPoll v-if="appearNote.poll" ref="pollViewer" :note="appearNote" class="poll"/>
|
|
||||||
<MkUrlPreview v-for="url in urls" :key="url" :url="url" :compact="true" :detail="true" class="url-preview"/>
|
|
||||||
<div v-if="appearNote.renote" class="renote"><XNoteSimple :note="appearNote.renote"/></div>
|
|
||||||
</div>
|
</div>
|
||||||
<MkA v-if="appearNote.channel && !inChannel" class="channel" :to="`/channels/${appearNote.channel.id}`"><i class="fas fa-satellite-dish"></i> {{ appearNote.channel.name }}</MkA>
|
<div v-if="appearNote.files.length > 0" class="files">
|
||||||
|
<XMediaList :media-list="appearNote.files"/>
|
||||||
|
</div>
|
||||||
|
<XPoll v-if="appearNote.poll" ref="pollViewer" :note="appearNote" class="poll"/>
|
||||||
|
<MkUrlPreview v-for="url in urls" :key="url" :url="url" :compact="true" :detail="true" class="url-preview"/>
|
||||||
|
<div v-if="appearNote.renote" class="renote"><XNoteSimple :note="appearNote.renote"/></div>
|
||||||
</div>
|
</div>
|
||||||
<footer class="footer">
|
<MkA v-if="appearNote.channel && !inChannel" class="channel" :to="`/channels/${appearNote.channel.id}`"><i class="fas fa-satellite-dish"></i> {{ appearNote.channel.name }}</MkA>
|
||||||
<div class="info">
|
|
||||||
<MkA class="created-at" :to="notePage(appearNote)">
|
|
||||||
<MkTime :time="appearNote.createdAt" mode="detail"/>
|
|
||||||
</MkA>
|
|
||||||
</div>
|
|
||||||
<XReactionsViewer ref="reactionsViewer" :note="appearNote"/>
|
|
||||||
<button class="button _button" @click="reply()">
|
|
||||||
<template v-if="appearNote.reply"><i class="fas fa-reply-all"></i></template>
|
|
||||||
<template v-else><i class="fas fa-reply"></i></template>
|
|
||||||
<p v-if="appearNote.repliesCount > 0" class="count">{{ appearNote.repliesCount }}</p>
|
|
||||||
</button>
|
|
||||||
<XRenoteButton ref="renoteButton" class="button" :note="appearNote" :count="appearNote.renoteCount"/>
|
|
||||||
<button v-if="appearNote.myReaction == null" ref="reactButton" class="button _button" @click="react()">
|
|
||||||
<i class="fas fa-plus"></i>
|
|
||||||
</button>
|
|
||||||
<button v-if="appearNote.myReaction != null" ref="reactButton" class="button _button reacted" @click="undoReact(appearNote)">
|
|
||||||
<i class="fas fa-minus"></i>
|
|
||||||
</button>
|
|
||||||
<button ref="menuButton" class="button _button" @click="menu()">
|
|
||||||
<i class="fas fa-ellipsis-h"></i>
|
|
||||||
</button>
|
|
||||||
</footer>
|
|
||||||
</div>
|
</div>
|
||||||
</MkA>
|
<footer class="footer">
|
||||||
|
<div class="info">
|
||||||
|
<MkA class="created-at" :to="notePage(appearNote)">
|
||||||
|
<MkTime :time="appearNote.createdAt" mode="detail"/>
|
||||||
|
</MkA>
|
||||||
|
</div>
|
||||||
|
<XReactionsViewer ref="reactionsViewer" :note="appearNote"/>
|
||||||
|
<button class="button _button" @click="reply()">
|
||||||
|
<template v-if="appearNote.reply"><i class="fas fa-reply-all"></i></template>
|
||||||
|
<template v-else><i class="fas fa-reply"></i></template>
|
||||||
|
<p v-if="appearNote.repliesCount > 0" class="count">{{ appearNote.repliesCount }}</p>
|
||||||
|
</button>
|
||||||
|
<XRenoteButton ref="renoteButton" class="button" :note="appearNote" :count="appearNote.renoteCount"/>
|
||||||
|
<button v-if="appearNote.myReaction == null" ref="reactButton" class="button _button" @click="react()">
|
||||||
|
<i class="fas fa-plus"></i>
|
||||||
|
</button>
|
||||||
|
<button v-if="appearNote.myReaction != null" ref="reactButton" class="button _button reacted" @click="undoReact(appearNote)">
|
||||||
|
<i class="fas fa-minus"></i>
|
||||||
|
</button>
|
||||||
|
<button ref="menuButton" class="button _button" @click="menu()">
|
||||||
|
<i class="fas fa-ellipsis-h"></i>
|
||||||
|
</button>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
</article>
|
</article>
|
||||||
<MkNoteSub v-for="note in directReplies" :key="note.id" :note="note" class="reply" :conversation="replies"/>
|
<MkNoteSub v-for="note in directReplies" :key="note.id" :note="note" class="reply" :conversation="replies"/>
|
||||||
</div>
|
</div>
|
||||||
|
@ -141,6 +139,8 @@ import { i18n } from '@/i18n';
|
||||||
import { getNoteMenu } from '@/scripts/get-note-menu';
|
import { getNoteMenu } from '@/scripts/get-note-menu';
|
||||||
import { useNoteCapture } from '@/scripts/use-note-capture';
|
import { useNoteCapture } from '@/scripts/use-note-capture';
|
||||||
|
|
||||||
|
const router = useRouter();
|
||||||
|
|
||||||
const props = defineProps<{
|
const props = defineProps<{
|
||||||
note: misskey.entities.Note;
|
note: misskey.entities.Note;
|
||||||
pinned?: boolean;
|
pinned?: boolean;
|
||||||
|
|
|
@ -119,6 +119,7 @@ import MkVisibility from '@/components/visibility.vue';
|
||||||
import { pleaseLogin } from '@/scripts/please-login';
|
import { pleaseLogin } from '@/scripts/please-login';
|
||||||
import { focusPrev, focusNext } from '@/scripts/focus';
|
import { focusPrev, focusNext } from '@/scripts/focus';
|
||||||
import { checkWordMute } from '@/scripts/check-word-mute';
|
import { checkWordMute } from '@/scripts/check-word-mute';
|
||||||
|
import { useRouter } from '@/router';
|
||||||
import { userPage } from '@/filters/user';
|
import { userPage } from '@/filters/user';
|
||||||
import * as os from '@/os';
|
import * as os from '@/os';
|
||||||
import { defaultStore, noteViewInterruptors } from '@/store';
|
import { defaultStore, noteViewInterruptors } from '@/store';
|
||||||
|
|
Loading…
Reference in a new issue