import { dirname } from 'pathe'
import { useNuxt, addTemplate } from '@nuxt/kit'

export default function createTemplates (nuxt = useNuxt()) {
  const template = addTemplate({
    filename: 'ui.colors.mjs',
    getContents: () => `export default ${JSON.stringify(nuxt.options.appConfig.ui.colors)};`,
    write: true
  })
  const typesTemplate = addTemplate({
    filename: 'ui.colors.d.ts',
    getContents: () => `declare module '#ui-colors' { const defaultExport: ${JSON.stringify(nuxt.options.appConfig.ui.colors)}; export default defaultExport; }`,
    write: true
  })

  nuxt.options.alias['#ui-colors'] = dirname(template.dst)

  nuxt.hook('prepare:types', (opts) => {
    opts.references.push({ path: typesTemplate.dst })
  })
}