import type { App } from 'vue'
import { Icon } from './Icon'
import { Form } from '@/components/Form'
import { Table } from '@/components/Table'
import { Search } from '@/components/Search'
import { XModal } from '@/components/XModal'
import { XTable } from '@/components/XTable'
import { XButton, XTextButton } from '@/components/XButton'
import { DictTag } from '@/components/DictTag'
import { ContentWrap } from '@/components/ContentWrap'
import { Descriptions } from '@/components/Descriptions'

export const setupGlobCom = (app: App<Element>): void => {
  app.component('Icon', Icon)
  app.component('Form', Form)
  app.component('Table', Table)
  app.component('Search', Search)
  app.component('XModal', XModal)
  app.component('XTable', XTable)
  app.component('XButton', XButton)
  app.component('XTextButton', XTextButton)
  app.component('DictTag', DictTag)
  app.component('ContentWrap', ContentWrap)
  app.component('Descriptions', Descriptions)
}