From cf026ab5ca321e37abd9448b1c046945e8614851 Mon Sep 17 00:00:00 2001
From: Andreas Zweili <andreas@2li.ch>
Date: Mon, 8 Feb 2021 14:31:39 +0100
Subject: [PATCH] lesson 127: replace the header title with a prop

---
 2021-02-08 prj-cmp-01-starting-setup/src/App.vue            | 2 +-
 .../src/components/layouts/TheHeader.vue                    | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/2021-02-08 prj-cmp-01-starting-setup/src/App.vue b/2021-02-08 prj-cmp-01-starting-setup/src/App.vue
index 68790bc..b99560e 100644
--- a/2021-02-08 prj-cmp-01-starting-setup/src/App.vue	
+++ b/2021-02-08 prj-cmp-01-starting-setup/src/App.vue	
@@ -1,5 +1,5 @@
 <template>
-  <the-header></the-header>
+  <the-header title="One big application"></the-header>
   <stored-resources :stored-resources="storedResources"></stored-resources>
 </template>
 
diff --git a/2021-02-08 prj-cmp-01-starting-setup/src/components/layouts/TheHeader.vue b/2021-02-08 prj-cmp-01-starting-setup/src/components/layouts/TheHeader.vue
index f7e9f2e..18fb790 100644
--- a/2021-02-08 prj-cmp-01-starting-setup/src/components/layouts/TheHeader.vue	
+++ b/2021-02-08 prj-cmp-01-starting-setup/src/components/layouts/TheHeader.vue	
@@ -1,11 +1,13 @@
 <template>
   <header>
-    <h1>One big application</h1>
+    <h1>{{ title }}</h1>
   </header>
 </template>
 
 <script>
-export default {};
+export default {
+  props: ['title']
+};
 </script>
 
 <style scoped>