generated from pascalmartineau/wp-skeleton
24 lines
638 B
Vue
24 lines
638 B
Vue
<script setup lang="ts">
|
|
const refSiteFooterBottom = useTemplateRef("refSiteFooterBottom");
|
|
const { height } = useElementSize(refSiteFooterBottom);
|
|
watch(height, (h) => {
|
|
document.documentElement.style.setProperty("--footer-bottom-height", `${h}px`);
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<div>
|
|
<SiteHeaderTop />
|
|
<SiteHeader />
|
|
<div class="relative z-main bg-white border-b border-muted mb-[var(--footer-bottom-height)]">
|
|
<UMain>
|
|
<slot />
|
|
</UMain>
|
|
<SiteFooter />
|
|
</div>
|
|
<div ref="refSiteFooterBottom" class="fixed bottom-0 w-full bg-muted">
|
|
<SiteFooterBottom />
|
|
</div>
|
|
</div>
|
|
</template>
|