import { defineNuxtPlugin } from '#app'
import Notebox from '@/components/common/Notebox.vue'
import PickDay from '~/components/datepicker/PickDay.vue'
import Datepicker from '~/components/datepicker/Datepicker.vue'
import ImageGallery from '~/components/media/ImageGallery.vue'
import FileGallery from '~/components/media/FileGallery.vue'
import FileUpload from '~/components/media/FileUpload.vue'
import ChipImage from '~/components/media/ChipImage.vue'
import Avatarbox from '~/components/common/Avatarbox.vue'
import Imagebox from '~/components/media/Imagebox.vue'
import Editor from '~/components/common/Editor.vue'
import InputPhone from '@/components/common/InputPhone'
import InputEmail from '@/components/common/InputEmail'
import InputNumber from '@/components/common/InputNumber'
import MenuAction from '~/components/menu/MenuAction.vue'
import MenuAdd from '~/components/menu/MenuAdd.vue'
import FormatNumber from '~/components/datatable/format/FormatNumber.vue'
import FormatDate from '~/components/datatable/format/FormatDate.vue'
import SvgIcon from '~/components/SvgIcon.vue'
import DataView from '~/components/datatable/DataView.vue'
import DataTable from '~/components/datatable/DataTable.vue'
import MenuCheck from '~/components/menu/MenuCheck.vue'
import MenuCollab from '~/components/menu/MenuCollab.vue'
import MenuPhone from '~/components/menu/MenuPhone.vue'
import MenuUser from '~/components/menu/MenuUser.vue'
import MenuCV from '~/components/menu/MenuCV.vue'
import MenuStaff from '~/components/menu/MenuStaff.vue'
import Configuration from '~/components/maintab/Configuration.vue'
import MenuGroupCheck from '~/components/menu/MenuGroupCheck.vue'

import DataDeletion from '~/components/maintab/DataDeletion.vue'
// import MarkData from '~/components/menu/MarkData.vue'
// import MenuCheck from '~/components/menu/MenuCheck.vue'

const components = {Notebox, MenuAction, Datepicker, PickDay, ImageGallery, FileGallery, FileUpload, ChipImage, Avatarbox, 
DataTable, Imagebox, Editor, InputPhone, InputEmail, InputNumber, DataView, FormatNumber, SvgIcon, MenuAdd, Configuration,
MenuCheck, MenuCollab, MenuPhone, FormatDate, MenuUser, MenuCV, MenuStaff, MenuCheck, MenuGroupCheck, DataDeletion}

export default defineNuxtPlugin((nuxtApp) => {
  Object.entries(components).forEach(([name, component]) => {
    nuxtApp.vueApp.component(name, component)
  })
})