blob: 97a8d26335000a46cd544fe47725800157072977 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
|
<script setup lang="ts">
const { config } = useDocus()
useHead({
titleTemplate: config.value.titleTemplate,
meta: [
{ name: 'twitter:card', content: 'summary_large_image' }
]
})
watch(
() => config.value.titleTemplate,
() => useHead({ titleTemplate: config.value.titleTemplate })
)
useContentHead(config.value as any)
</script>
<template>
<div class="app-layout">
<AppLoadingBar />
<AppHeader />
<main>
<slot />
</main>
<AppFooter />
</div>
</template>
<style lang="ts" scoped>
css({
'.app-layout': {
main: {
minHeight: 'calc(100vh - {docus.header.height} - {docus.footer.height})',
}
}
})
</style>
|