Archie Makuwa

Category: Bash

How to integrate FontAwesome with Nuxt.js using Yarn

I recently started working with Vue.js and I fell in love with the Nuxt.js framework. Coming from a Php and Bootstrap, the closest and most popular free icons framework happened to be FontAwesome – which I believe is the very same reason you ended up on this page.


  • Bootstrap –  is a free front-end framework for faster and easier web development. Bootstrap includes HTML and CSS based design templates for typography, forms, buttons, tables, navigation, modals, image carousels and many other, as well as optional JavaScript plugins.
  • FontAwesome – is a font and icon toolkit based on CSS and LESS. It was made by Dave Gandy for use with Twitter Bootstrap and later was incorporated into the BootstrapCDN.
  • Vue.js – is a progressive framework for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable.
  • Nuxt.js – is a higher-level framework that builds on top of Vue. It simplifies the development of universal or single page Vue apps. Nuxt.js abstracts away the details of server and client code distribution so you can focus on application development.

Getting Started: 

I am assuming you already have your Nuxt.js set up, running and you are simply looking to integrate the FontAwesome library.

I am also assuming that your Nuxt project uses Yarn. Here is Nuxt boilerplate based on Yarn:

In this example, I am making of the Vue FontAwesome library which can be downloaded here:

Step 01: Install the fon

Step 02: Inside your Nuxt.js project add a plugins/fontawesome.js file.

Step 03: Modify nuxt.config.js adding to the css and plugins sections.

Step 04: Usage / Example

You are not sorted. To use the Font Icons (including the brands, e.g. Instagram, Twitter, etc), simply refer to the emails below (brand and general usage):


FontAwesome icon reference:

Linux: rm: cannot remove `folder’: Permission denied

Linux: rm: cannot remove `folder’: Permission denied



That should solve your problem.

Quick edit SSH Config file and Hosts file on Mac ladies…

How’s everyone doing today? I don’t really care how you’re doing. This is a simply tutorial on how to quickly access some critical files on your Mac: SSH Config and Host file

Quick edit SSH Config file (open the terminal and type):


Quick edit Host file (open the terminal and type):



Deleting a Git branch both locally and remotely?

As of Git v1.7.0, you can delete a remote branch using:

And to delete a local branch:


Show hidden files on Mac OS using Terminal

To show all files:

To hide all files:


Copyright © 2019 Archie Makuwa

Theme by Anders NorenUp ↑