diff options
Diffstat (limited to 'packages/frontend/src/pages/explore.users.vue')
| -rw-r--r-- | packages/frontend/src/pages/explore.users.vue | 18 |
1 files changed, 9 insertions, 9 deletions
diff --git a/packages/frontend/src/pages/explore.users.vue b/packages/frontend/src/pages/explore.users.vue index 1f187d6b8a..ffebd4cd6c 100644 --- a/packages/frontend/src/pages/explore.users.vue +++ b/packages/frontend/src/pages/explore.users.vue @@ -63,7 +63,7 @@ SPDX-License-Identifier: AGPL-3.0-only </template> <script lang="ts" setup> -import { watch } from 'vue'; +import { watch, ref, shallowRef, computed } from 'vue'; import MkUserList from '@/components/MkUserList.vue'; import MkFoldableSection from '@/components/MkFoldableSection.vue'; import MkTab from '@/components/MkTab.vue'; @@ -74,16 +74,16 @@ const props = defineProps<{ tag?: string; }>(); -let origin = $ref('local'); -let tagsEl = $shallowRef<InstanceType<typeof MkFoldableSection>>(); -let tagsLocal = $ref([]); -let tagsRemote = $ref([]); +const origin = ref('local'); +const tagsEl = shallowRef<InstanceType<typeof MkFoldableSection>>(); +const tagsLocal = ref([]); +const tagsRemote = ref([]); watch(() => props.tag, () => { - if (tagsEl) tagsEl.toggleContent(props.tag == null); + if (tagsEl.value) tagsEl.value.toggleContent(props.tag == null); }); -const tagUsers = $computed(() => ({ +const tagUsers = computed(() => ({ endpoint: 'hashtags/users' as const, limit: 30, params: { @@ -127,13 +127,13 @@ os.api('hashtags/list', { attachedToLocalUserOnly: true, limit: 30, }).then(tags => { - tagsLocal = tags; + tagsLocal.value = tags; }); os.api('hashtags/list', { sort: '+attachedRemoteUsers', attachedToRemoteUserOnly: true, limit: 30, }).then(tags => { - tagsRemote = tags; + tagsRemote.value = tags; }); </script> |