// @sugarat/theme index
// override style
import './styles/index.css'

// element-ui-copy
import './styles/el-base.css'

// 引入时间线组件样式
// replace-timeline-import-code
// import 'vitepress-markdown-timeline/dist/theme/index.css'
import type { Theme } from 'vitepress'
import DefaultTheme from 'vitepress/theme'

// replace-tabs-import-code
// import { enhanceAppWithTabs } from 'vitepress-plugin-tabs/client'

// 图表渲染组件
// replace-mermaid-import-code
// import Mermaid from 'vitepress-plugin-mermaid/Mermaid.vue'
import BlogApp from './components/BlogApp.vue'
import { withConfigProvider } from './composables/config/blog'

// page
import UserWorksPage from './components/UserWorks.vue'

// 内置一些特殊的主题色
import './styles/theme/inline-theme.var.css'

// 导入group icons，改由自定义插件导入
// replace-group-icon-import-code
// import 'virtual:group-icons.css'

export const BlogTheme: Theme = {
  ...DefaultTheme,
  Layout: withConfigProvider(BlogApp),
  enhanceApp(ctx) {
    // replace-tabs-enhance-app-code
    // enhanceAppWithTabs(ctx.app)
    DefaultTheme.enhanceApp(ctx)
    ctx.app.component('UserWorksPage', UserWorksPage as any)
    // replace-mermaid-mounted-code
    // if (!ctx.app.component('Mermaid')) { ctx.app.component('Mermaid', Mermaid as any) }
  }
}

export * from './composables/config/index'

export default BlogTheme