import GrVisual01 from '#layers/templates/GrVisual01/index.vue'
import GrVisual02 from '#layers/templates/GrVisual02/index.vue'
import GrVisual03 from '#layers/templates/GrVisual03/index.vue'
import GrGallery01 from '#layers/templates/GrGallery01/index.vue'
import GrGallery02 from '#layers/templates/GrGallery02/index.vue'
import GrGallery03 from '#layers/templates/GrGallery03/index.vue'
import GrDetail01 from '#layers/templates/GrDetail01/index.vue'
import GrDetail02 from '#layers/templates/GrDetail02/index.vue'
import GrDetail03 from '#layers/templates/GrDetail03/index.vue'
// import GrBoard01 from '#layers/templates/GrBoard01/index.vue'
import GrContents01 from '#layers/templates/GrContents01/index.vue'

const templateRegistry = {
  GR_VISUAL_01: { component: GrVisual01 },
  GR_VISUAL_02: { component: GrVisual02 },
  GR_VISUAL_03: { component: GrVisual03 },
  GR_GALLERY_01: { component: GrGallery01 },
  GR_GALLERY_02: { component: GrGallery02 },
  GR_GALLERY_03: { component: GrGallery03 },
  // GR_BOARD_01: { component: GrBoard01 },
  GR_DETAIL_01: { component: GrDetail01 },
  GR_DETAIL_02: { component: GrDetail02 },
  GR_DETAIL_03: { component: GrDetail03 },
  GR_CONTENTS_01: { component: GrContents01 },
} as const

type TemplateKey = keyof typeof templateRegistry

export const useTemplateRegistry = () => {
  return {
    templateRegistry,
    getTemplateComponent: (templateCode: string) => {
      return templateRegistry[templateCode as TemplateKey]?.component
    },
  }
}