https://github.com/nuxtclub/feathericons
An easy way to integrate Feather Icons with NuxtJS
https://github.com/nuxtclub/feathericons
feather-icons nuxt nuxt-module nuxt-modules nuxtjs
Last synced: 10 months ago
JSON representation
An easy way to integrate Feather Icons with NuxtJS
- Host: GitHub
- URL: https://github.com/nuxtclub/feathericons
- Owner: nuxtclub
- License: mit
- Created: 2021-04-06T20:29:38.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2021-04-06T21:45:05.000Z (over 5 years ago)
- Last Synced: 2025-01-31T05:51:17.695Z (over 1 year ago)
- Topics: feather-icons, nuxt, nuxt-module, nuxt-modules, nuxtjs
- Language: JavaScript
- Homepage:
- Size: 2.93 KB
- Stars: 7
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# @nuxtclub/feathericons
## Setup
1. Add `@nuxtclub/feathericons` dependency to your project
```bash
npm i -D @nuxtclub/feathericons
```
2. Add `@nuxtclub/feathericons` to the `buildModules` section of `nuxt.config.js`
:warning: 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`.
```javascript
export default {
buildModules: ['@nuxtclub/feathericons'],
}
```
# Typescript support
Add the types to your `"types"` array in `tsconfig.json` after the `@nuxt/types` entry.
:warning: Use `@nuxt/vue-app` instead of `@nuxt/types` for nuxt < 2.9.
```json
{
"compilerOptions": {
"types": ["@nuxt/types", "@nuxtclub/feathericons"]
}
}
```
## Usage
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](https://github.com/feathericons/feather).
## Example
```vue
```
Learn more about Feather Icons [here](https://feathericons.com/).