Enhance user interaction and audio feedback in CLI and login components

- Updated keydown event handling in App.vue to improve keyboard navigation.
- Enhanced AppSwitcher.vue with a status indicator for online presence.
- Integrated new sci-fi typing sound effect in useLoginSounds.ts for a more engaging user experience during login.
- Modified login handling functions in Login.vue to include sound feedback on setup and login actions.
- Added CLI store integration to play navigation sounds when opening and closing the CLI.
This commit is contained in:
Dorian
2026-02-18 10:35:04 +00:00
parent 59210a7927
commit c9f6e6b8ae
8 changed files with 101 additions and 35 deletions
+2
View File
@@ -1,11 +1,13 @@
import { defineStore } from 'pinia'
import { ref } from 'vue'
import { playNavSound } from '@/composables/useNavSounds'
export const useCLIStore = defineStore('cli', () => {
const isOpen = ref(false)
function open() {
isOpen.value = true
playNavSound('action')
}
function close() {
+2
View File
@@ -1,5 +1,6 @@
import { defineStore } from 'pinia'
import { ref, reactive } from 'vue'
import { playNavSound } from '@/composables/useNavSounds'
const RECENT_ITEMS_KEY = 'archipelago-spotlight-recent'
const MAX_RECENT_ITEMS = 8
@@ -49,6 +50,7 @@ export const useSpotlightStore = defineStore('spotlight', () => {
isOpen.value = true
selectedIndex.value = 0
loadRecentItems()
playNavSound('action')
}
function close() {