Using nuxt-icon in a custom module

[Alexander Kim]

module.ts

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

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

[Sébastien Chopin]

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

[Alexander Kim]

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

[Alexander Kim]

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?

[Sébastien Chopin]

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' ?

[Alexander Kim]

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

[Alexander Kim]

@Atinux is doing this

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

considerd as a bad practice?

[Sébastien Chopin]

You can do this yes