fix(frontend): 使用されているexposeを復活させる (#14764)

This commit is contained in:
かっこかり 2024-10-14 02:54:01 +09:00 committed by GitHub
parent fb23b24f5c
commit 088e05ea66
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -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>