diff options
| author | かっこかり <67428053+kakkokari-gtyih@users.noreply.github.com> | 2024-10-14 02:54:01 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-10-14 02:54:01 +0900 |
| commit | 088e05ea66f0bf9442f2d4d9772958dfe8e76d8b (patch) | |
| tree | 7c778b3106c33a10ee9f39cece3668d75eaec45b /packages/frontend | |
| parent | Bump version to 2024.10.1-beta.4 (diff) | |
| download | misskey-088e05ea66f0bf9442f2d4d9772958dfe8e76d8b.tar.gz misskey-088e05ea66f0bf9442f2d4d9772958dfe8e76d8b.tar.bz2 misskey-088e05ea66f0bf9442f2d4d9772958dfe8e76d8b.zip | |
fix(frontend): 使用されているexposeを復活させる (#14764)
Diffstat (limited to 'packages/frontend')
| -rw-r--r-- | packages/frontend/src/components/global/MkStickyContainer.vue | 13 |
1 files changed, 9 insertions, 4 deletions
diff --git a/packages/frontend/src/components/global/MkStickyContainer.vue b/packages/frontend/src/components/global/MkStickyContainer.vue index 2763ecadd6..1aebf487bb 100644 --- a/packages/frontend/src/components/global/MkStickyContainer.vue +++ b/packages/frontend/src/components/global/MkStickyContainer.vue @@ -4,7 +4,7 @@ SPDX-License-Identifier: AGPL-3.0-only --> <template> -<div> +<div ref="rootEl"> <div ref="headerEl" :class="$style.header"> <slot name="header"></slot> </div> @@ -22,12 +22,13 @@ SPDX-License-Identifier: AGPL-3.0-only </template> <script lang="ts" setup> -import { onMounted, onUnmounted, provide, inject, Ref, ref, watch, shallowRef } from 'vue'; +import { onMounted, onUnmounted, provide, inject, Ref, ref, watch, useTemplateRef } from 'vue'; import { CURRENT_STICKY_BOTTOM, CURRENT_STICKY_TOP } from '@@/js/const.js'; -const headerEl = shallowRef<HTMLElement>(); -const footerEl = shallowRef<HTMLElement>(); +const rootEl = useTemplateRef('rootEl'); +const headerEl = useTemplateRef('headerEl'); +const footerEl = useTemplateRef('footerEl'); const headerHeight = ref<string | undefined>(); const childStickyTop = ref(0); @@ -76,6 +77,10 @@ onMounted(() => { onUnmounted(() => { observer.disconnect(); }); + +defineExpose({ + rootEl, +}); </script> <style lang='scss' module> |