control side menu

src/components/NavigationMenu.vue

@@ -6,6 +6,7 @@ interface Props {
 }
 
 const { isAuth } = defineProps<Props>()
+const open = defineModel<boolean>('open')
 
 const menu = ref([
   {
@@ -23,16 +24,11 @@ const menu = ref([
     value: 3,
     props: { prependIcon: 'mdi-calendar', to: '/calendar', requiresAuth: true },
   },
-  // {
-  //   title: 'Games',
-  //   value: 4,
-  //   props: { prependIcon: 'mdi-view-dashboard', to: '/games', requiresAuth: false },
-  // },
 ])
 </script>
 
 <template>
-  <v-navigation-drawer rounded="0" width="200" persistent permanent class="pt-4">
+  <v-navigation-drawer v-model="open" rounded="0" width="200" persistent permanent class="pt-4">
     <template v-for="item in menu" :key="item.value">
       <v-list-item
         density="compact"