Adding Font Awesome icons with dashes in Nuxt

When I first used Nuxt's fontawesome module I wasn't sure how to add icons with dashes in config file, for example: linkedin-in icon.

The proper way to do this is adding camelCased icon to nuxt.config.js:

export default {
  /// (...)

  fontawesome: {
    icons: {
      brands: ["faLinkedinIn"],
    },
  },
};

Using it looks like this (kebab-case is required):

<font-awesome-icon :icon="['fab', 'linkedin-in']" />

Connected posts