Add an icon to the Story list view

src/views/StoryList.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="story-list">
-    <h1>Stories</h1>
+    <h1><FontAwesomeIcon icon="book" fixed-width />Stories</h1>
     <StoryFilters @filter-change="getStories" />
     <Spinner v-if="loading" :fullScreen="true" />
     <StoryListItem v-for="story in stories" :key="story.id" :story="story" />
@@ -8,15 +8,22 @@
 </template>
 
 <script>
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faBook } from '@fortawesome/free-solid-svg-icons'
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
+
 import story from '@/api/story.js'
 
 import StoryListItem from '@/components/StoryListItem.vue'
 import StoryFilters from '@/components/StoryFilters'
 import Spinner from '@/components/Spinner'
 
+library.add(faBook)
+
 export default {
   name: 'StoryListView',
   components: {
+    FontAwesomeIcon,
     StoryListItem,
     StoryFilters,
     Spinner
@@ -46,3 +53,10 @@ export default {
   }
 }
 </script>
+
+<style lang="scss" scoped>
+.svg-inline--fa {
+  margin-right: 30px;
+  color: #999;
+}
+</style>