From 6ca18f4f8da55eb8b6de78ca9e0ce384f4940e58 Mon Sep 17 00:00:00 2001
From: Andreas Zweili <andreas@2li.ch>
Date: Sat, 6 Feb 2021 16:23:14 +0100
Subject: [PATCH] inject the function to activate a topic

---
 .../src/App.vue                                            | 5 +++--
 .../src/components/KnowledgeBase.vue                       | 4 +---
 .../src/components/KnowledgeElement.vue                    | 7 ++++---
 .../src/components/KnowledgeGrid.vue                       | 4 +---
 4 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/2021-02-03 cmp-communication-08-a-potential-problem-starting-setup/src/App.vue b/2021-02-03 cmp-communication-08-a-potential-problem-starting-setup/src/App.vue
index 1db247a..f692f72 100644
--- a/2021-02-03 cmp-communication-08-a-potential-problem-starting-setup/src/App.vue	
+++ b/2021-02-03 cmp-communication-08-a-potential-problem-starting-setup/src/App.vue	
@@ -4,7 +4,7 @@
       :topic-title="activeTopic && activeTopic.title"
       :text="activeTopic && activeTopic.fullText"
     ></active-element>
-    <knowledge-base @select-topic="activateTopic"></knowledge-base>
+    <knowledge-base></knowledge-base>
   </div>
 </template>
 
@@ -34,7 +34,8 @@ export default {
   },
   provide() {
     return {
-      topics: this.topics
+      topics: this.topics,
+      selectTopic: this.activateTopic
     };
   },
   methods: {
diff --git a/2021-02-03 cmp-communication-08-a-potential-problem-starting-setup/src/components/KnowledgeBase.vue b/2021-02-03 cmp-communication-08-a-potential-problem-starting-setup/src/components/KnowledgeBase.vue
index a87de5b..23191bc 100644
--- a/2021-02-03 cmp-communication-08-a-potential-problem-starting-setup/src/components/KnowledgeBase.vue	
+++ b/2021-02-03 cmp-communication-08-a-potential-problem-starting-setup/src/components/KnowledgeBase.vue	
@@ -1,9 +1,7 @@
 <template>
   <section>
     <h2>Select a Topic</h2>
-    <knowledge-grid
-      @select-topic="$emit('select-topic', $event)"
-    ></knowledge-grid>
+    <knowledge-grid></knowledge-grid>
   </section>
 </template>
 
diff --git a/2021-02-03 cmp-communication-08-a-potential-problem-starting-setup/src/components/KnowledgeElement.vue b/2021-02-03 cmp-communication-08-a-potential-problem-starting-setup/src/components/KnowledgeElement.vue
index 143b1b0..f665f26 100644
--- a/2021-02-03 cmp-communication-08-a-potential-problem-starting-setup/src/components/KnowledgeElement.vue	
+++ b/2021-02-03 cmp-communication-08-a-potential-problem-starting-setup/src/components/KnowledgeElement.vue	
@@ -2,13 +2,14 @@
   <li>
     <h3>{{ topicName }}</h3>
     <p>{{ description }}</p>
-    <button @click="$emit('select-topic', id)">Learn More</button>
+    <button @click="selectTopic(id)">Learn More</button>
   </li>
 </template>
 
 <script>
 export default {
+  inject: ['selectTopic'],
   props: ['id', 'topicName', 'description'],
-  emits: ['select-topic'],
+  emits: ['select-topic']
 };
-</script>
\ No newline at end of file
+</script>
diff --git a/2021-02-03 cmp-communication-08-a-potential-problem-starting-setup/src/components/KnowledgeGrid.vue b/2021-02-03 cmp-communication-08-a-potential-problem-starting-setup/src/components/KnowledgeGrid.vue
index c039657..36b790a 100644
--- a/2021-02-03 cmp-communication-08-a-potential-problem-starting-setup/src/components/KnowledgeGrid.vue	
+++ b/2021-02-03 cmp-communication-08-a-potential-problem-starting-setup/src/components/KnowledgeGrid.vue	
@@ -6,14 +6,12 @@
       :id="topic.id"
       :topic-name="topic.title"
       :description="topic.description"
-      @select-topic="$emit('select-topic', $event)"
     ></knowledge-element>
   </ul>
 </template>
 
 <script>
 export default {
-  inject: ['topics'],
-  emits: ['select-topic']
+  inject: ['topics']
 };
 </script>