<script setup lang="ts">
import { onUnmounted } from 'vue';

import { Page } from '@vben/common-ui';

import DictPanel from './dict/list.vue';
import DictItemPanel from './item/list.vue';
import { emitter } from './mitt';

onUnmounted(() => emitter.off('rowClick'));
</script>

<template>
  <Page
    :auto-content-height="true"
    content-class="flex flex-col lg:flex-row gap-4"
  >
    <DictPanel class="flex-1 overflow-hidden" />
    <DictItemPanel class="flex-1 overflow-hidden" />
  </Page>
</template>
