refactor: flatten composables and enable auto-imports on dirs (#608)
This commit is contained in:
parent
d569754b09
commit
aeb5a40948
14 changed files with 17 additions and 26 deletions
61
composables/aria.ts
Normal file
61
composables/aria.ts
Normal file
|
@ -0,0 +1,61 @@
|
|||
export type AriaLive = 'off' | 'polite' | 'assertive'
|
||||
export type AriaAnnounceType = 'announce' | 'mute' | 'unmute'
|
||||
|
||||
const ariaAnnouncer = useEventBus<AriaAnnounceType, string | undefined>(Symbol('aria-announcer'))
|
||||
|
||||
export const useAriaAnnouncer = () => {
|
||||
const announce = (message: string) => {
|
||||
ariaAnnouncer.emit('announce', message)
|
||||
}
|
||||
|
||||
const mute = () => {
|
||||
ariaAnnouncer.emit('mute')
|
||||
}
|
||||
|
||||
const unmute = () => {
|
||||
ariaAnnouncer.emit('unmute')
|
||||
}
|
||||
|
||||
return { announce, ariaAnnouncer, mute, unmute }
|
||||
}
|
||||
|
||||
export const useAriaLog = () => {
|
||||
let logs = $ref<any[]>([])
|
||||
|
||||
const announceLogs = (messages: any[]) => {
|
||||
logs = messages
|
||||
}
|
||||
|
||||
const appendLogs = (messages: any[]) => {
|
||||
logs = logs.concat(messages)
|
||||
}
|
||||
|
||||
const clearLogs = () => {
|
||||
logs = []
|
||||
}
|
||||
|
||||
return {
|
||||
announceLogs,
|
||||
appendLogs,
|
||||
clearLogs,
|
||||
logs,
|
||||
}
|
||||
}
|
||||
|
||||
export const useAriaStatus = () => {
|
||||
let status = $ref<any>('')
|
||||
|
||||
const announceStatus = (message: any) => {
|
||||
status = message
|
||||
}
|
||||
|
||||
const clearStatus = () => {
|
||||
status = ''
|
||||
}
|
||||
|
||||
return {
|
||||
announceStatus,
|
||||
clearStatus,
|
||||
status,
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue