How to Close Sidebar on Item Click (mobile) ?

[reksamamur]

Hi, hopping someone can help.

I can't seem to find work around on it, tried using useSidebar() but got error injection.

[drewtownchi]

What I ended up doing was adding the following to Sidebar.vue

defineExpose({
  isMobile,
  setOpenMobile,
})

and then on my layout page

    <Sidebar ref="sidebarRef">
   <!-- other code -->
                <NuxtLink :to="item.href" @click="sidebarRef?.isMobile ? sidebarRef?.setOpenMobile(false) : null">
                  <Icon :name="item.icon" class="flex-shrink-0 w-5 h-5 mr-2" /> {{ item.name }}
                </NuxtLink>

[adlermore]

What I ended up doing was adding the following to Sidebar.vue:

defineExpose({ isMobile, setOpenMobile, })
Then on my layout page:

`

<NuxtLink :to="item.href" @click="sidebarRef?.isMobile ? sidebarRef?.setOpenMobile(false) : null">
{{ item.name }}

`

This approach worked for me to handle mobile behavior in the sidebar when a link is clicked.

[jordihoven]

Hi, i just started a discussion on this topic and found your question. Have a look at my discussion.