Hi there, how could I integrate the MDI with Nuxt.js?
Thanks
mohamed-ibrahim17
All 5 comments
Moving this over to the main repo. No one monitors this repo.
Templarian
on 13 Jun 2019
@m-ibrahim17 Once you do figure out how be sure to reach out. We do like to document most frameworks. The smaller ones we'll need help form the community.
Templarian
on 18 Jun 2019
1- Install MDI package npm install @mdi/font -D
2- In nuxt.config.js file add @mdi/font/css/materialdesignicons.min.css in your CSS configration, add iconfont: 'mdi' in vuetify module configuration
3- You can now use mdi-** icons in your *.vue files
mohamed-ibrahim17
on 24 Jun 2019
@m-ibrahim17 We don't really recommend using the webfont if you're using a framework that can use @mdi/js. http://dev.materialdesignicons.com/guide/webfont-alternatives
Templarian
on 25 Jun 2019
This issue is old and we don't recommend using the webfont anymore, so unfortunately those instructions won't be useful for us at this time.
If you would like to share how you are using @mdi/js with Nuxt.js, we'd be happy to include those in our documentation.
Thanks!
goyney
on 16 Jan 2020
Related issues
danielhickman
路
3Comments
Templarian
路
3Comments
alvaroc1
路
3Comments
puytr
路
3Comments
jonnyborg
路
3Comments
Most helpful comment
1- Install MDI package
npm install @mdi/font -D2- In nuxt.config.js file add
@mdi/font/css/materialdesignicons.min.cssin your CSS configration, addiconfont: 'mdi'in vuetify module configuration3- You can now use
mdi-**icons in your *.vue files