josedario87
955584275b
- Agregar imports de Tailwind CSS v4 y Nuxt UI en main.css - Renombrar QueueActions.vue -> Actions.vue y QueueItem.vue -> Item.vue para evitar conflictos de nombres de componentes - Crear composable useMediaQuery para manejo de responsive - Corregir referencias a componentes en index.vue y PrintQueue.vue - Actualizar imports de servidor a rutas relativas - Instalar @iconify-json/heroicons y @iconify-json/lucide - Actualizar Jimp a sintaxis v1.x
21 lines
445 B
TypeScript
21 lines
445 B
TypeScript
export function useMediaQuery(query: string) {
|
|
const matches = ref(false)
|
|
|
|
if (import.meta.client) {
|
|
const mediaQuery = window.matchMedia(query)
|
|
matches.value = mediaQuery.matches
|
|
|
|
const handler = (e: MediaQueryListEvent) => {
|
|
matches.value = e.matches
|
|
}
|
|
|
|
mediaQuery.addEventListener('change', handler)
|
|
|
|
onUnmounted(() => {
|
|
mediaQuery.removeEventListener('change', handler)
|
|
})
|
|
}
|
|
|
|
return matches
|
|
}
|