diff options
| -rw-r--r-- | packages/frontend/src/components/MkSelect.vue | 14 | ||||
| -rw-r--r-- | packages/frontend/src/pages/user/home.vue | 8 |
2 files changed, 11 insertions, 11 deletions
diff --git a/packages/frontend/src/components/MkSelect.vue b/packages/frontend/src/components/MkSelect.vue index e79236fe54..f130145e36 100644 --- a/packages/frontend/src/components/MkSelect.vue +++ b/packages/frontend/src/components/MkSelect.vue @@ -68,7 +68,7 @@ export type GetMkSelectValueTypesFromDef<T extends MkSelectItem[]> = T[number] e </script> <script lang="ts" setup generic="const ITEMS extends MkSelectItem[], MODELT extends OptionValue"> -import { onMounted, nextTick, ref, watch, computed, toRefs } from 'vue'; +import { onMounted, nextTick, ref, watch, computed, toRefs, useTemplateRef } from 'vue'; import { useInterval } from '@@/js/use-interval.js'; import type { MenuItem } from '@/types/menu.js'; import * as os from '@/os.js'; @@ -87,8 +87,8 @@ const props = defineProps<{ type ModelTChecked = MODELT & ( MODELT extends GetMkSelectValueTypesFromDef<ITEMS> - ? unknown - : 'Error: The type of model does not match the type of items.' + ? unknown + : 'Error: The type of model does not match the type of items.' ); const model = defineModel<ModelTChecked>({ required: true }); @@ -97,10 +97,10 @@ const { autofocus } = toRefs(props); const focused = ref(false); const opening = ref(false); const currentValueText = ref<string | null>(null); -const inputEl = ref<HTMLObjectElement | null>(null); -const prefixEl = ref<HTMLElement | null>(null); -const suffixEl = ref<HTMLElement | null>(null); -const container = ref<HTMLElement | null>(null); +const inputEl = useTemplateRef('inputEl'); +const prefixEl = useTemplateRef('prefixEl'); +const suffixEl = useTemplateRef('suffixEl'); +const container = useTemplateRef('container'); const height = props.small ? 33 : props.large ? 39 : diff --git a/packages/frontend/src/pages/user/home.vue b/packages/frontend/src/pages/user/home.vue index a2c17f6165..7094aca7c0 100644 --- a/packages/frontend/src/pages/user/home.vue +++ b/packages/frontend/src/pages/user/home.vue @@ -159,7 +159,7 @@ SPDX-License-Identifier: AGPL-3.0-only </template> <script lang="ts" setup> -import { defineAsyncComponent, computed, onMounted, onUnmounted, onActivated, onDeactivated, nextTick, watch, ref } from 'vue'; +import { defineAsyncComponent, computed, onMounted, onUnmounted, onActivated, onDeactivated, nextTick, watch, ref, useTemplateRef } from 'vue'; import * as Misskey from 'misskey-js'; import { getScrollContainer } from '@@/js/scroll.js'; import MkNote from '@/components/MkNote.vue'; @@ -222,9 +222,9 @@ const router = useRouter(); const user = ref(props.user); const narrow = ref<null | boolean>(null); -const rootEl = ref<null | HTMLElement>(null); -const bannerEl = ref<null | HTMLElement>(null); -const memoTextareaEl = ref<null | HTMLElement>(null); +const rootEl = useTemplateRef('rootEl'); +const bannerEl = useTemplateRef('bannerEl'); +const memoTextareaEl = useTemplateRef('memoTextareaEl'); const memoDraft = ref(props.user.memo); const isEditingMemo = ref(false); const moderationNote = ref(props.user.moderationNote ?? ''); |