@@ -11,6 +11,16 @@ function closeMenu() {
1111 isOpen .value = false
1212}
1313
14+ function handleShowConnector() {
15+ showConnectorModal .value = true
16+ closeMenu ()
17+ }
18+
19+ function handleShowAuth() {
20+ showAuthModal .value = true
21+ closeMenu ()
22+ }
23+
1424// Close menu on route change
1525const route = useRoute ()
1626watch (() => route .fullPath , closeMenu )
@@ -203,10 +213,7 @@ watch(isOpen, open => (isLocked.value = open))
203213 v-if =" isConnected && npmUser"
204214 type =" button"
205215 class =" w-full flex items-center gap-3 px-3 py-3 rounded-md font-mono text-sm text-fg hover:bg-bg-subtle transition-colors duration-200 text-start"
206- @click ="
207- showConnectorModal = true
208- closeMenu()
209- "
216+ @click =" handleShowConnector"
210217 >
211218 <img
212219 v-if =" npmAvatar"
@@ -231,10 +238,7 @@ watch(isOpen, open => (isLocked.value = open))
231238 v-if =" atprotoUser"
232239 type =" button"
233240 class =" w-full flex items-center gap-3 px-3 py-3 rounded-md font-mono text-sm text-fg hover:bg-bg-subtle transition-colors duration-200 text-start"
234- @click ="
235- showAuthModal = true
236- closeMenu()
237- "
241+ @click =" handleShowAuth"
238242 >
239243 <span class =" w-5 h-5 rounded-full bg-bg-muted flex items-center justify-center" >
240244 <span class =" i-carbon-cloud w-3 h-3 text-fg-muted" aria-hidden =" true" />
@@ -247,10 +251,7 @@ watch(isOpen, open => (isLocked.value = open))
247251 v-else
248252 type =" button"
249253 class =" w-full flex items-center gap-3 px-3 py-3 rounded-md font-mono text-sm text-fg hover:bg-bg-subtle transition-colors duration-200 text-start"
250- @click ="
251- showAuthModal = true
252- closeMenu()
253- "
254+ @click =" handleShowAuth"
254255 >
255256 <span class =" w-5 h-5 rounded-full bg-bg-muted flex items-center justify-center" >
256257 <span class =" i-carbon-cloud w-3 h-3 text-fg-muted" aria-hidden =" true" />
0 commit comments