Add preview handling
This commit is contained in:
@@ -1,8 +1,14 @@
|
||||
<template>
|
||||
<lenis root>
|
||||
<preview-banner
|
||||
v-if="data"
|
||||
:is-preview="data.isPreview"
|
||||
:status="data.status"
|
||||
/>
|
||||
<div :class="classes">
|
||||
<slot />
|
||||
</div>
|
||||
<LivePreview v-if="data?.isPreview" />
|
||||
</lenis>
|
||||
</template>
|
||||
|
||||
@@ -11,7 +17,12 @@ import '@/styles/main.scss'
|
||||
import { ref, computed, onMounted } from 'vue'
|
||||
import loadFonts from '@fuzzco/font-loader'
|
||||
import { useWindowSize } from '@vueuse/core'
|
||||
import { useData } from 'vike-vue/useData'
|
||||
import Lenis from '@/components/Lenis.vue'
|
||||
import PreviewBanner from '@/components/PreviewBanner.vue'
|
||||
import LivePreview from '@/components/LivePreview.vue'
|
||||
|
||||
const data = useData()
|
||||
|
||||
const { height } = useWindowSize()
|
||||
|
||||
|
||||
Reference in New Issue
Block a user