mirror of
https://git.joinsharkey.org/Sharkey/Sharkey.git
synced 2024-11-09 03:23:08 +02:00
fix(client): ユーザーのハッシュタグ検索が機能していないのを修正
This commit is contained in:
parent
84e2ee220b
commit
f0cb587c89
5 changed files with 44 additions and 5 deletions
|
@ -27,6 +27,7 @@ You should also include the user name that made the change.
|
||||||
- fix(client): MkHeader及びデッキのカラムでチャンネル一覧を選択したとき、最大5個までしか表示されない
|
- fix(client): MkHeader及びデッキのカラムでチャンネル一覧を選択したとき、最大5個までしか表示されない
|
||||||
- 管理画面の広告を10個以上見えるように
|
- 管理画面の広告を10個以上見えるように
|
||||||
- Moderation note が保存できない
|
- Moderation note が保存できない
|
||||||
|
- ユーザーのハッシュタグ検索が機能していないのを修正
|
||||||
|
|
||||||
## 13.6.1 (2023/02/12)
|
## 13.6.1 (2023/02/12)
|
||||||
|
|
||||||
|
|
|
@ -278,7 +278,7 @@ export default defineComponent({
|
||||||
case 'hashtag': {
|
case 'hashtag': {
|
||||||
return [h(MkA, {
|
return [h(MkA, {
|
||||||
key: Math.random(),
|
key: Math.random(),
|
||||||
to: this.isNote ? `/tags/${encodeURIComponent(token.props.hashtag)}` : `/explore/tags/${encodeURIComponent(token.props.hashtag)}`,
|
to: this.isNote ? `/tags/${encodeURIComponent(token.props.hashtag)}` : `/user-tags/${encodeURIComponent(token.props.hashtag)}`,
|
||||||
style: 'color:var(--hashtag);',
|
style: 'color:var(--hashtag);',
|
||||||
}, `#${token.props.hashtag}`)];
|
}, `#${token.props.hashtag}`)];
|
||||||
}
|
}
|
||||||
|
|
|
@ -29,8 +29,8 @@
|
||||||
<template #header><i class="ti ti-hash ti-fw" style="margin-right: 0.5em;"></i>{{ i18n.ts.popularTags }}</template>
|
<template #header><i class="ti ti-hash ti-fw" style="margin-right: 0.5em;"></i>{{ i18n.ts.popularTags }}</template>
|
||||||
|
|
||||||
<div class="vxjfqztj">
|
<div class="vxjfqztj">
|
||||||
<MkA v-for="tag in tagsLocal" :key="'local:' + tag.tag" :to="`/explore/tags/${tag.tag}`" class="local">{{ tag.tag }}</MkA>
|
<MkA v-for="tag in tagsLocal" :key="'local:' + tag.tag" :to="`/user-tags/${tag.tag}`" class="local">{{ tag.tag }}</MkA>
|
||||||
<MkA v-for="tag in tagsRemote" :key="'remote:' + tag.tag" :to="`/explore/tags/${tag.tag}`">{{ tag.tag }}</MkA>
|
<MkA v-for="tag in tagsRemote" :key="'remote:' + tag.tag" :to="`/user-tags/${tag.tag}`">{{ tag.tag }}</MkA>
|
||||||
</div>
|
</div>
|
||||||
</MkFoldableSection>
|
</MkFoldableSection>
|
||||||
|
|
||||||
|
|
38
packages/frontend/src/pages/user-tag.vue
Normal file
38
packages/frontend/src/pages/user-tag.vue
Normal file
|
@ -0,0 +1,38 @@
|
||||||
|
<template>
|
||||||
|
<MkStickyContainer>
|
||||||
|
<template #header><MkPageHeader/></template>
|
||||||
|
|
||||||
|
<MkSpacer :content-max="1200">
|
||||||
|
<div class="_gaps_s">
|
||||||
|
<MkUserList :pagination="tagUsers"/>
|
||||||
|
</div>
|
||||||
|
</MkSpacer>
|
||||||
|
</MkStickyContainer>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script lang="ts" setup>
|
||||||
|
import { computed, watch } from 'vue';
|
||||||
|
import * as os from '@/os';
|
||||||
|
import MkUserList from '@/components/MkUserList.vue';
|
||||||
|
import { definePageMetadata } from '@/scripts/page-metadata';
|
||||||
|
|
||||||
|
const props = defineProps<{
|
||||||
|
tag: string;
|
||||||
|
}>();
|
||||||
|
|
||||||
|
const tagUsers = $computed(() => ({
|
||||||
|
endpoint: 'hashtags/users' as const,
|
||||||
|
limit: 30,
|
||||||
|
params: {
|
||||||
|
tag: props.tag,
|
||||||
|
origin: 'combined',
|
||||||
|
sort: '+follower',
|
||||||
|
},
|
||||||
|
}));
|
||||||
|
|
||||||
|
definePageMetadata(computed(() => ({
|
||||||
|
title: props.tag,
|
||||||
|
icon: 'ti ti-user-search',
|
||||||
|
})));
|
||||||
|
</script>
|
||||||
|
|
|
@ -201,8 +201,8 @@ export const routes = [{
|
||||||
path: '/roles/:role',
|
path: '/roles/:role',
|
||||||
component: page(() => import('./pages/role.vue')),
|
component: page(() => import('./pages/role.vue')),
|
||||||
}, {
|
}, {
|
||||||
path: '/explore/tags/:tag',
|
path: '/user-tags/:tag',
|
||||||
component: page(() => import('./pages/explore.vue')),
|
component: page(() => import('./pages/user-tag.vue')),
|
||||||
}, {
|
}, {
|
||||||
path: '/explore',
|
path: '/explore',
|
||||||
component: page(() => import('./pages/explore.vue')),
|
component: page(() => import('./pages/explore.vue')),
|
||||||
|
|
Loading…
Reference in a new issue