<script setup>
import { onMounted, provide, reactive, ref } from 'vue';
import { ElConfigProvider } from 'element-plus';
import teachableModel from './components/teachableModel.vue';

// import 'element-plus/theme-chalk/el-message.css';
// import 'element-plus/theme-chalk/el-message-box.css';
// import 'element-plus/theme-chalk/el-notification.css';
// import './styles/index.scss';

</script>

<template>
    <ElConfigProvider>
        <teachableModel />
    </ElConfigProvider>
</template>

<style>
/* #app {
  text-align: center;
  color: var(--ep-text-color-primary);
}

.main-container {
  height: calc(100vh - var(--ep-menu-item-height) - 4px);
  background-color: #feffff;
} */
</style>
