move settings to Auth dropdown

Author: xdeq

components/ActionBar.vue

@@ -12,13 +12,8 @@ import { isMobile } from "@/services/utils"
 
 /** Store */
 import { useAppStore } from "@/store/app.store"
-import { useAuthStore } from "@/store/auth.store.js"
-import { useModalsStore } from "@/store/modals.store.js"
 
 const appStore = useAppStore()
-const authStore = useAuthStore()
-const modalsStore = useModalsStore()
-
 </script>
 
 <template>
@@ -38,9 +33,6 @@ const modalsStore = useModalsStore()
 		</Flex>
 
 		<Flex align="center" gap="12">
-			<Button v-if="authStore.isAuthenticated" @click="modalsStore.open('settings')" type="secondary" size="mini">
-				<Icon name="settings" size="14" color="secondary" />
-			</Button>
 			<Button @click="appStore.showCmd = true" type="secondary" size="mini">
 				<Icon name="terminal_square" size="16" color="secondary" />
 			</Button>

components/Auth.vue

@@ -5,8 +5,10 @@ import { Dropdown, DropdownItem } from "@/components/ui/Dropdown"
 
 /** Store */
 import { useAuthStore } from "@/store/auth.store.js"
+import { useModalsStore } from "@/store/modals.store.js"
 
 const authStore = useAuthStore()
+const modalsStore = useModalsStore()
 
 const login = () => {
 	authStore.login()
@@ -30,6 +32,9 @@ onMounted(() => {
 		</Button>
 
 		<template #popup>
+			<DropdownItem @click="modalsStore.open('settings')">
+				Settings
+			</DropdownItem>
 			<DropdownItem @click="logout">
 				Logout
 			</DropdownItem>