docs(GitHubLogin): close drawer when navigating to the dashboard on mobile

Author: johnleider

packages/docs/src/components/app/GitHubLogin.vue

@@ -73,11 +73,18 @@
   import { useAuth0 } from '@/plugins/auth'
   import { useI18n } from 'vue-i18n'
   import { useRoute, useRouter } from 'vue-router'
+  import { useDisplay } from 'vuetify'
 
   // Utilities
   import { computed } from 'vue'
   import { rpath } from '@/util/routes'
 
+  // Stores
+  import { useAppStore } from '@/store/app'
+
+  const app = useAppStore()
+  // TODO: update to isMobile when v3.4.0 is released
+  const { mobile } = useDisplay()
   const { t } = useI18n()
   const route = useRoute()
   const router = useRouter()
@@ -86,6 +93,8 @@
   const isDashboard = computed(() => route.meta?.category === 'user')
 
   function onClickDashboard () {
+    if (mobile.value) app.drawer = false
+
     router.push(rpath('/user/dashboard/'))
   }
 

packages/docs/src/components/app/drawer/Drawer.vue

@@ -27,12 +27,14 @@
   import AppList from '@/components/app/list/List.vue'
 
   // Composables
-  import { useAppStore } from '@/store/app'
   import { useDisplay, useTheme } from 'vuetify'
 
   // Utilities
   import { computed, onMounted, ref, watch } from 'vue'
   import { wait } from '@/util/helpers'
+
+  // Stores
+  import { useAppStore } from '@/store/app'
   import { useUserStore } from '@/store/user'
 
   const app = useAppStore()