chore(templates): handle icons and without function

src/templates.ts

@@ -34,10 +34,13 @@ export default function createTemplates (options: ModuleOptions, nuxt: Nuxt) {
   nuxt.options.css.push(template.dst)
 
   for (const component in theme) {
+    const template = (theme as any)[component]
+    const result = typeof template === 'function' ? template({ colors: options.colors }) : template
+
     addTemplate({
       filename: `ui/${component}.ts`,
       write: true,
-      getContents: () => `export default ${JSON.stringify((theme as any)[component]({ colors: options.colors }), null, 2)}`
+      getContents: () => `export default ${JSON.stringify(result, null, 2)}`
     })
   }
 
@@ -55,25 +58,31 @@ export default function createTemplates (options: ModuleOptions, nuxt: Nuxt) {
         [P in keyof T]: DeepPartial<T[P]> | { [key: string]: string | object }
       }>
 
-      type UI = {
+      type AppConfigUI = {
+        primary: string
+        gray: string
+      } & typeof ui
+
+      type AppConfigInputUI = {
         primary?: string
         gray?: string
+        [key: string]: any
       } & DeepPartial<typeof ui>
 
       declare module 'nuxt/schema' {
         interface AppConfig {
-          ui: UI
+          ui: AppConfigUI
         }
         interface AppConfigInput {
-          ui?: UI
+          ui?: AppConfigInputUI
         }
       }
       declare module '@nuxt/schema' {
         interface AppConfig {
-          ui: UI
+          ui: AppConfigUI
         }
         interface AppConfigInput {
-          ui?: UI
+          ui?: AppConfigInputUI
         }
       }
       export {}

src/theme/button.ts

@@ -1,4 +1,4 @@
-export default (config: any) => ({
+export default (config: { colors: string[] }) => ({
   slots: {
     base: 'rounded-md font-medium inline-flex items-center focus:outline-none focus-visible:outline-0 disabled:cursor-not-allowed disabled:opacity-75 shrink-0',
     label: '',

src/theme/container.ts

@@ -1,3 +1,3 @@
-export default () => ({
+export default {
   base: 'max-w-7xl mx-auto px-4 sm:px-6 lg:px-8'
-})
+}

src/theme/index.ts

@@ -1,3 +1,4 @@
 export { default as button } from './button'
 export { default as container } from './container'
+export { default as icons } from './icons'
 export { default as tooltip } from './tooltip'

src/theme/tooltip.ts

@@ -1,6 +1,6 @@
-export default () => ({
+export default {
   slots: {
     content: 'bg-white dark:bg-gray-900 text-gray-900 dark:text-white shadow rounded ring-1 ring-gray-200 dark:ring-gray-800 h-6 px-2 py-1 text-xs font-normal truncate relative',
     arrow: 'fill-white dark:fill-gray-900'
   }
-})
+}