Change appName to title

src/App.vue

@@ -9,7 +9,7 @@
       </p>
     </alert-message>
 
-    <router-view :app-name="name"></router-view>
+    <router-view :title="title"></router-view>
   </div>
 </template>
 
@@ -19,7 +19,7 @@
 export default {
   data () {
     return {
-      name: 'Rebuilding Platform.sh'
+      title: 'Rebuilding Platform.sh'
     }
   }
 }

src/components/ProjectBreadcrumb.vue

@@ -5,7 +5,7 @@
         <router-link :to="{ name: 'projects' }" class="font-semibold text-white opacity-75">Projects</router-link>
         <svg class="h-6 w-6 fill-current text-white opacity-75" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.9 9.9c0-.3.1-.5.3-.7.4-.4 1-.4 1.4 0l3.5 3.5 3.5-3.5c.4-.4 1-.4 1.4 0 .4.4.4 1 0 1.4l-4.2 4.2c-.4.4-1 .4-1.4 0l-4.2-4.2c-.2-.2-.3-.4-.3-.7z"/></svg>
       </li>
-      <li class="flex items-center font-semibold" v-text="appName"></li>
+      <li class="flex items-center font-semibold" v-text="title"></li>
     </ul>
   </div>
 </template>
@@ -13,7 +13,7 @@
 <script>
 export default {
   props: {
-    appName: {
+    title: {
       type: String,
       required: true
     }

src/views/Project.vue

@@ -2,7 +2,7 @@
   <div>
     <banner>
       <template v-slot:banner-left>
-        <project-breadcrumb :app-name="appName"/>
+        <project-breadcrumb :title="title"/>
       </template>
     </banner>
     Project
@@ -14,7 +14,7 @@ import ProjectBreadcrumb from '@/components/ProjectBreadcrumb'
 
 export default {
   props: {
-    appName: {
+    title: {
       type: String,
       required: true
     }