Cleaned up FontAwesome plugin, more documentation added to README.md

Author: aeksco

README.md

@@ -50,6 +50,14 @@ These variables can be configured in a variety of ways - please consult the [Net
 
 The [JSON-LD Structured Data](https://developers.google.com/search/docs/guides/intro-structured-data) can be updated by modifying the `jsonld()` function in the `layouts/default.vue` file. This feature shouldn't be used anywhere else - one `JSON-LD` snippet should describe the entire site.
 
+#### Bootstrap + SASS Configuration
+
+You can modify the `assets/sass/main.sass` file to optionally include Bootstrap component styles as-needed. **PROTIP** - only include the Bootstrap components your app depends on - this will keep your CSS bundle nice and slim :)
+
+#### FontAwesome Vue Configuration
+
+The repo includes a minimal subset of icons by default. When you need an additional icon, you must import it directly in `plugins/fontawesome.js` and register it with the FontAwesome plugin. You can learn more about the Vue-FontAwesome library [here](https://github.com/FortAwesome/vue-fontawesome).
+
 #### References
 - [Vue.js](https://vuejs.org)
 - [Nuxt.js](https://nuxtjs.org)

pages/index.vue

@@ -116,7 +116,7 @@
             <p class="lead mb-0 mt-2">
               <span>Built with </span>
               <font-awesome-icon icon="heart" class="text-danger" />
-              <span class="px-1">by</span>
+              <span>by</span>
               <a href="https://github.com/aeksco" target="_blank">@aeksco</a>
             </p>
 

plugins/fontawesome.js

@@ -3,14 +3,9 @@ import { library, config } from '@fortawesome/fontawesome-svg-core'
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
 import { faTwitter, faGithub } from '@fortawesome/free-brands-svg-icons'
 import {
-  faBook,
-  faDollarSign,
-  faDraftingCompass,
   faHeart,
-  faInfoCircle,
   faQuestionCircle,
-  faSpinner,
-  faTimes
+  faSpinner
 } from '@fortawesome/free-solid-svg-icons'
 
 // This is important, we are going to let Nuxt.js worry about the CSS
@@ -21,14 +16,9 @@ config.autoAddCss = false
 // Doc: https://github.com/FortAwesome/vue-fontawesome
 
 // FontAwesome Core Icons
-library.add(faBook)
-library.add(faDollarSign)
-library.add(faDraftingCompass)
 library.add(faHeart)
-library.add(faInfoCircle)
 library.add(faQuestionCircle)
 library.add(faSpinner)
-library.add(faTimes)
 
 // FontAwesome Brand Icons
 library.add(faTwitter)