opendesk

1<template>
2  <Teleport to="#app-header" v-if="showHeader">
3    <slot>
4      <header
5        class="flex h-10.5 items-center justify-between mx-4 md:ms-5 md:me-0"
6      >
7        <div class="flex items-center gap-2 min-w-0 flex-1">
8          <slot name="left-header" />
9        </div>
10        <div class="flex items-center gap-2 shrink-0">
11          <slot name="right-header" class="flex items-center gap-2" />
12        </div>
13      </header>
14    </slot>
15  </Teleport>
16</template>
17<script setup>
18import { nextTick, ref } from "vue";
19const showHeader = ref(false);
20
21nextTick(() => {
22  showHeader.value = true;
23});
24</script>
25