Using nuxt-icon in a custom module

[avxkim]

module.ts

installModule('nuxt-icon', {
  size: '24px',
})

But inlineOptions doesn't work, when i'm enabling this module inside a custom module.

[atinux]

You can use nuxt.options.icon.size = '24px @avxkim

[avxkim]

@atinux then i have to use useRuntimeConfig() in a component?

[avxkim]

i did this way:

module.ts

    nuxt.options.runtimeConfig.public.iconSize =
      options.iconSize

then in a component

const config = useRuntimeConfig()

const iconSize = computed(
  () => props.size || config.public.iconSize
)

is that ok?

[atinux]

Oh my bad I just saw that we are using the app.config.ts for the configuration.

Could you try with nuxt.options.appConfig.icon.size = '24px' ?

[avxkim]

Cannot start nuxt: Cannot set properties of undefined (setting 'size')

[avxkim]

@atinux is doing this

nuxt.options.runtimeConfig.public.iconSize =
      options.iconSize

considerd as a bad practice?

[atinux]

You can do this yes