NuxtPage seem to work when using shadcn sidebar

<script setup lang="ts">
import AppSidebar from "@/components/AppSidebar.vue"
import {SidebarProvider, SidebarTrigger} from "@/components/ui/sidebar"
import {Toaster} from '@/components/ui/sonner'
import 'vue-sonner/style.css'

const defaultOpen = useCookie<boolean>("sidebar_state")
</script>

<template>
  <NuxtRouteAnnouncer/>
  <SidebarProvider :default-open="defaultOpen">
    <AppSidebar />
    <main>
      <SidebarTrigger />
      <slot/>
    </main>
  </SidebarProvider>
  <Toaster class="pointer-events-auto"/>
</template>