|
1 | 1 | <script setup lang="ts"> |
2 | | -import { computed, provide, useSlots } from 'vue' |
3 | | -import VPBackdrop from '@vp-default/VPBackdrop.vue' |
4 | | -import VPContent from '@vp-default/VPContent.vue' |
5 | | -import VPFooter from '@vp-default/VPFooter.vue' |
6 | | -import VPLocalNav from '@vp-default/VPLocalNav.vue' |
7 | | -import PlaneHeader from '../components/PlaneHeader.vue' |
8 | | -import TopBanner from '@components/oss/TopBanner.vue' |
9 | | -import VPSidebar from '@vp-default/VPSidebar.vue' |
10 | | -import VPSkipLink from '@vp-default/VPSkipLink.vue' |
11 | | -import { useData } from '@vp-composables/data' |
12 | | -import { layoutInfoInjectionKey, registerWatchers, useLayout } from '@vp-composables/layout' |
13 | | -import { useSidebarControl } from '@vp-composables/sidebar' |
14 | | -
|
15 | | -const { |
16 | | - isOpen: isSidebarOpen, |
17 | | - open: openSidebar, |
18 | | - close: closeSidebar |
19 | | -} = useSidebarControl() |
20 | | -
|
21 | | -registerWatchers({ closeSidebar }) |
22 | | -
|
23 | | -const { frontmatter } = useData() |
24 | | -const { hasSidebar } = useLayout() |
25 | | -
|
26 | | -const slots = useSlots() |
27 | | -const heroImageSlotExists = computed(() => !!slots['home-hero-image']) |
28 | | -
|
29 | | -provide(layoutInfoInjectionKey, { heroImageSlotExists }) |
| 2 | +import { computed, provide, useSlots } from "vue"; |
| 3 | +import VPBackdrop from "@vp-default/VPBackdrop.vue"; |
| 4 | +import VPContent from "@vp-default/VPContent.vue"; |
| 5 | +import VPFooter from "@vp-default/VPFooter.vue"; |
| 6 | +import VPLocalNav from "@vp-default/VPLocalNav.vue"; |
| 7 | +import PlaneHeader from "../components/PlaneHeader.vue"; |
| 8 | +import TopBanner from "@components/oss/TopBanner.vue"; |
| 9 | +import VPSidebar from "@vp-default/VPSidebar.vue"; |
| 10 | +import VPSkipLink from "@vp-default/VPSkipLink.vue"; |
| 11 | +import { useData } from "@vp-composables/data"; |
| 12 | +import { layoutInfoInjectionKey, registerWatchers, useLayout } from "@vp-composables/layout"; |
| 13 | +import { useSidebarControl } from "@vp-composables/sidebar"; |
| 14 | +
|
| 15 | +const { isOpen: isSidebarOpen, open: openSidebar, close: closeSidebar } = useSidebarControl(); |
| 16 | +
|
| 17 | +registerWatchers({ closeSidebar }); |
| 18 | +
|
| 19 | +const { frontmatter } = useData(); |
| 20 | +const { hasSidebar } = useLayout(); |
| 21 | +
|
| 22 | +const slots = useSlots(); |
| 23 | +const heroImageSlotExists = computed(() => !!slots["home-hero-image"]); |
| 24 | +
|
| 25 | +provide(layoutInfoInjectionKey, { heroImageSlotExists }); |
30 | 26 | </script> |
31 | 27 |
|
32 | 28 | <template> |
@@ -153,7 +149,6 @@ provide(layoutInfoInjectionKey, { heroImageSlotExists }) |
153 | 149 | min-height: 100vh; |
154 | 150 | } |
155 | 151 |
|
156 | | -
|
157 | 152 | .content-wrapper { |
158 | 153 | position: relative; |
159 | 154 | margin: 0 auto; |
|
0 commit comments