From 6fceb9ca3a32aaeff23d03e47a5f36a77d1f4492 Mon Sep 17 00:00:00 2001
From: John Leider <john@vuetifyjs.com>
Date: Mon, 28 Aug 2023 14:18:03 -0500
Subject: [PATCH] docs(SettingsToggle): add to user bar when logged in

---
 packages/docs/src/components/app/GitHubLogin.vue | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/packages/docs/src/components/app/GitHubLogin.vue b/packages/docs/src/components/app/GitHubLogin.vue
index 4d097864e5d..2f6959ae0fd 100644
--- a/packages/docs/src/components/app/GitHubLogin.vue
+++ b/packages/docs/src/components/app/GitHubLogin.vue
@@ -28,6 +28,16 @@
     </template>
 
     <template #append>
+      <v-fade-transition leave-absolute>
+        <v-icon
+          :key="app.settings"
+          :icon="app.settings ? 'mdi-cog' : 'mdi-cog-outline'"
+          class="me-4"
+          size="small"
+          @click="app.settings = !app.settings"
+        />
+      </v-fade-transition>
+
       <v-icon
         icon="mdi-logout-variant"
         class="me-1"
@@ -43,6 +53,10 @@
   import { useAuth0 } from '@/plugins/auth'
   import { useI18n } from 'vue-i18n'
 
+  // Stores
+  import { useAppStore } from '@/store/app'
+
+  const app = useAppStore()
   const { loginWithPopup, user, logout, isAuthenticated } = useAuth0()
   const { t } = useI18n()