<script lang="ts">
import { defineComponent } from "vue";
export default defineComponent({
  name: "DataViewPartOne",
});
</script>

<script setup lang="ts">
import Chat from "@/views/dataManage/index/components/Chat/chat.vue";

interface PropsType {
  options: Record<string, any>;
}

const props = withDefaults(defineProps<PropsType>(), {
  options: () => {
    return {};
  },
});

// const { options, tooltipFormat } = useChatMain();

// options.value.tooltip.formatter = tooltipFormat;

// onMounted(() => {
//   // mockData();
// });

const prefix = "data-bar-part";
</script>

<template>
  <div :class="prefix">
    <Chat :options="props.options" />
  </div>
</template>

<style lang="scss" scoped>
$prefix: "data-bar-part";

.#{$prefix} {
  width: 100%;
  height: 100%;
}
</style>
