From 327f4133c3cda33cfa563b6e6a153abbe6fd80e7 Mon Sep 17 00:00:00 2001
From: Andreas Zweili <andreas@2li.ch>
Date: Mon, 8 Feb 2021 18:56:14 +0100
Subject: [PATCH] lesson 131: replace emit with inject

this is better because we're using dynamic components which makes it harder
to listen to a custom event comming from only one of the components.
---
 .../src/components/resources/AddResource.vue               | 6 +++---
 .../src/components/resources/TheResources.vue              | 7 ++++---
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/2021-02-08 prj-cmp-01-starting-setup/src/components/resources/AddResource.vue b/2021-02-08 prj-cmp-01-starting-setup/src/components/resources/AddResource.vue
index 62328b5..e64701f 100644
--- a/2021-02-08 prj-cmp-01-starting-setup/src/components/resources/AddResource.vue	
+++ b/2021-02-08 prj-cmp-01-starting-setup/src/components/resources/AddResource.vue	
@@ -27,7 +27,7 @@
 
 <script>
 export default {
-  emits: ['new-resource'],
+  inject: ['storeNewResource'],
   data() {
     return {
       title: '',
@@ -38,12 +38,12 @@ export default {
   methods: {
     returnNewResource() {
       const resource = {
-        id: this.title,
+        id: new Date().toISOString(),
         title: this.title,
         description: this.description,
         link: this.link
       };
-      this.$emit('new-resource', resource);
+      this.storeNewResource(resource);
     }
   }
 };
diff --git a/2021-02-08 prj-cmp-01-starting-setup/src/components/resources/TheResources.vue b/2021-02-08 prj-cmp-01-starting-setup/src/components/resources/TheResources.vue
index 7d08db2..aad1465 100644
--- a/2021-02-08 prj-cmp-01-starting-setup/src/components/resources/TheResources.vue	
+++ b/2021-02-08 prj-cmp-01-starting-setup/src/components/resources/TheResources.vue	
@@ -11,7 +11,7 @@
       >Add Resource</base-button
     >
   </base-card>
-  <component :is="selectedTab" @new-resource="storeNewResource"></component>
+  <component :is="selectedTab"></component>
 </template>
 
 <script>
@@ -62,13 +62,14 @@ export default {
       this.selectedTab = tab;
     },
     storeNewResource(resource) {
-      this.storedResources.push(resource);
+      this.storedResources.unshift(resource);
       this.selectedTab = 'stored-resources';
     }
   },
   provide() {
     return {
-      storedResources: this.storedResources
+      storedResources: this.storedResources,
+      storeNewResource: this.storeNewResource
     };
   }
 };