Allow custom site title + description, and refactored

src/components/FilterTile.vue

@@ -14,7 +14,10 @@
           title="Clear search"
           @click="clearFilterInput"></i>
       </form>
-      <div class="space-filler"></div>
+      <div class="space-filler">
+        <span>hello</span>
+        <span>world</span>
+      </div>
       <KeyboardShortcutInfo />
   </section>
 </template>

src/components/Header.vue

@@ -1,6 +1,6 @@
 <template>
     <header>
-      <PageTitle />
+      <PageTitle :title="pageInfo.title" :description="pageInfo.description" />
       <Nav class="nav"/>
     </header>
 </template>
@@ -15,6 +15,9 @@ export default {
     PageTitle,
     Nav,
   },
+  props: {
+    pageInfo: Object,
+  },
 };
 </script>
 

src/components/PageTitle.vue

@@ -1,13 +1,17 @@
 <template>
   <div class="page-titles">
-    <h1>Networking Services</h1>
-    <span class="subtitle">Local network management and moniroting</span>
+    <h1>{{ title }}</h1>
+    <span class="subtitle">{{ description }}</span>
   </div>
 </template>
 
 <script>
 export default {
   name: 'PageTitle',
+  props: {
+    title: String,
+    description: String,
+  },
 };
 </script>