Moved Sidebar to top of app

This prevents flicker and stops useless rerender of the component
This commit is contained in:
Alexis
2024-06-07 19:35:49 +02:00
parent ad79ca4186
commit 4a4433dcdd
8 changed files with 35 additions and 77 deletions

View File

@@ -1,6 +1,4 @@
<script lang="ts" setup>
import type { MenuItem } from '~/components/global/SidebarProps';
const user = useSupabaseUser()
useHead({
@@ -17,13 +15,11 @@ watch(user, (n, _o) => {
navigateTo('/')
}
})
const sidebarMenu: MenuItem[] = []
const { setCurrentMenu } = useUiStore()
setCurrentMenu([])
</script>
<template>
<div class="h-full grid grid-cols-[auto_1fr]">
<Sidebar :menu-items="sidebarMenu" />
<ProfileDashboard />
</div>
<ProfileDashboard />
</template>