Update project name in breadcrumb

src/views/Project.vue

@@ -2,10 +2,11 @@
   <div>
     <banner>
       <template v-slot:banner-left>
-        <project-breadcrumb :title="title"/>
+        <project-breadcrumb :project="project"/>
       </template>
     </banner>
-    Project
+
+    <page-title v-text="project.name"/>
   </div>
 </template>
 
@@ -13,15 +14,14 @@
 import ProjectBreadcrumb from '@/components/ProjectBreadcrumb'
 
 export default {
-  props: {
-    title: {
-      type: String,
-      required: true
-    }
-  },
-
   components: {
     ProjectBreadcrumb
+  },
+
+  computed: {
+    project () {
+      return this.$attrs.projects[this.$attrs.id - 1]
+    }
   }
 }
 </script>

src/views/Projects.vue

@@ -57,6 +57,13 @@ import ProjectViewSwitcher from '@/components/ProjectViewSwitcher'
 export default {
   name: 'projects',
 
+  props: {
+    projects: {
+      type: Object,
+      required: true
+    }
+  },
+
   components: {
     ProjectCard,
     ProjectSearch,
@@ -65,31 +72,7 @@ export default {
 
   data () {
     return {
-      displayMode: 'grid',
-
-      projects: [
-        {
-          id: 1,
-          name: 'Drupal Bristol',
-          owner: 'accounts-partners',
-          region: 'Europe (West 1)',
-          image: 'default.jpg'
-        },
-        {
-          id: 2,
-          name: 'oliverdavies.uk',
-          owner: 'Oliver Davies',
-          region: 'Europe (West 1)',
-          image: 'oliver-davies.png'
-        },
-        {
-          id: 3,
-          name: 'PHP South Wales',
-          owner: 'PHP South Wales organisers',
-          region: 'Europe (West 1)',
-          image: 'php-south-wales.png'
-        }
-      ]
+      displayMode: 'grid'
     }
   },