import { createApp } from "vue";
import router from './router';
import App from "./App.vue";
import RunCase from './components/share/RunCase.vue'
import PropsTable from './components/share/PropsTable.vue'
import EventsTable from './components/share/EventsTable.vue'
import FunctionsTable from "./components/share/FunctionsTable.vue";
import CatchUI from "../src/index";
import hljs from 'highlight.js/lib/common';
import javascript from 'highlight.js/lib/languages/javascript';
import hljsVuePlugin from "@highlightjs/vue-plugin";

hljs.registerLanguage('javascript', javascript);

import 'highlight.js/styles/atom-one-dark.css'
import "../src/styles/index.less";
import "./assets/css/style.less"

const app = createApp(App);
app.use(CatchUI);
app.use(router);
app.use(hljsVuePlugin)
app.mount("#app");

app.component('RunCase', RunCase)
app.component('PropsTable', PropsTable)
app.component('EventsTable', EventsTable)
app.component('FunctionsTable', FunctionsTable)

export default app;
