Переход Nuxt 3 не работает в компоненте

Я делаю боковую панель в Nuxt 3 и разделил боковую панель на два компонента, а именно боковую панель и гамбургер.

Я не понимаю, почему Transition в компоненте Nuxt 3 не работает?

Я также использую useState() composable для совместного использования состояния в этих двух компонентах, пожалуйста, посмотрите на мой код ниже:

useStates.ts

export const isNavOpen = useState<Boolean>('isNavOpen', () => false);

Гамбургер.vue

<template>
    <div id = "hamburger" :class = "{ 'active': hamburger }" @click.prevent = "toggle">
        <a v-ripple class = "cursor-pointer block align-self-center">
            <i class = "pi pi-bars text-xl"></i>
        </a>
    </div>
</template>

<script setup lang = "ts">
const hamburger = useState('isNavOpen');

const toggle = () => {
    hamburger.value = !hamburger.value;
}
</script>

Боковая панель.vue

 <template>
        <div class = "sidebar">
            <div class = "sidebar-backdrop" @click.prevent = "toggle" v-if = "sidebar">
                <Transition name = "slide">
                    <div v-if = "sidebar"
                         class = "sidebar-panel">
                        <slot></slot>
                    </div>
                </Transition>
            </div>
        </div>
</template>

<script setup lang = "ts">
    const sidebar = useState('isNavOpen');
    
    const toggle = () => {
        sidebar.value = !sidebar.value;
    }
</script>

<style scoped>
.slide-enter-active,
.slide-leave-active
{
    transition: transform 0.2s ease;
}

.slide-enter,
.slide-leave-to {
    transform: translateX(-100%);
    transition: all 150ms ease-in 0s
}

.sidebar-backdrop {
    background-color: rgba(0,0,0,.5);
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    cursor: pointer;
}

.sidebar-panel {
    overflow-y: auto;
    background-color: #130f40;
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    z-index: 999;
    padding: 3rem 20px 2rem 20px;
    width: 300px;
}
</style>

Я думал, что переход должен работать в компоненте Nuxt 3, сообщите, пожалуйста, что я упустил? Заранее благодарю!