App.vue

<template>
  <RouterView />
</template>

<script setup>
import { useEmitter } from '@/composables/useEmitter';
import { useKeepAwake } from '@/composables/useKeepAwake';
import { useSettingsStore } from '@/stores/settings';
import { log } from '@/utils/log';
import { isMobile } from '@/utils/platform';
import { stringify } from '@/utils/stringify';
import { toast } from '@/utils/toast';
import { useEventListener } from '@vueuse/core';
import { storeToRefs } from 'pinia';

useKeepAwake();

const { settings } = storeToRefs(useSettingsStore());

useEmitter(log, '*', (level, ...args) => {
  if (settings.value.logAsNotification) {
    let type;
    switch (level) {
      case 'warn':
        type = 'warning';
        break;
      case 'error':
        type = 'error';
        break;
      default:
        type = 'info';
        break;
    }
    toast(args.map(stringify).join(' '), { type });
  }
});

if (isMobile) {
  useEventListener('error', ({ message }) => {
    toast(message, { type: 'error' });
  });
}
</script>