An easy way to integrate Feather Icons with NuxtJS
MIT License
@nuxtclub/feathericons
dependency to your projectnpm i -D @nuxtclub/feathericons
@nuxtclub/feathericons
to the buildModules
section of nuxt.config.js
⚠️ If you are using Nuxt < v2.9 you have to install the module as a dependency
(No --dev
or --save-dev
flags) and use modules
section in nuxt.config.js
instead of buildModules
.
export default {
buildModules: ['@nuxtclub/feathericons'],
}
Add the types to your "types"
array in tsconfig.json
after the @nuxt/types
entry.
⚠️ Use @nuxt/vue-app
instead of @nuxt/types
for nuxt < 2.9.
{
"compilerOptions": {
"types": ["@nuxt/types", "@nuxtclub/feathericons"]
}
}
This module will inject $feathericons in the context of your application.
Using $feathericons you can access to an object with all the icons of the Feather Icons Package.
<template>
<div v-html="$feathericons['home'].toSvg()"></div>
</template>
Learn more about Feather Icons here.