<template>
  <router-view v-loading="false" />
</template>

<script lang="ts" setup>
  import { api as viewerApi } from 'v-viewer';
  import 'viewerjs/dist/viewer.css';
  import { MESSAGE_KEY } from './types';

  window.addEventListener('message', (e) => {
    switch (e.data.type) {
      case MESSAGE_KEY.SHOW_VIEWER:
        viewerApi({ images: e.data.images, options: { zIndex: 9999 } });
        break;
    }
  });
</script>

<style lang="scss">
  @use './app.scss';
</style>
