From 4bc167bd55325666ab3d3d204e9d5f1c7e282047 Mon Sep 17 00:00:00 2001
From: Andreas Zweili <andreas@2li.ch>
Date: Mon, 8 Feb 2021 13:58:30 +0100
Subject: [PATCH] lesson 126: split the resources into multiple components

---
 .../src/App.vue                               | 15 ++--------
 .../src/components/BaseList.vue               |  7 +++++
 .../components/resources/StoredResources.vue  | 29 +++++++++++++++++++
 3 files changed, 39 insertions(+), 12 deletions(-)
 create mode 100644 2021-02-08 prj-cmp-01-starting-setup/src/components/BaseList.vue
 create mode 100644 2021-02-08 prj-cmp-01-starting-setup/src/components/resources/StoredResources.vue

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 8904d04..317e53e 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,21 +1,12 @@
 <template>
-  <ul>
-    <learning-resource
-      v-for="resource in storedResources"
-      :key="resource.id"
-      :title="resource.title"
-      :description="resource.description"
-      :link="resource.link"
-    ></learning-resource>
-  </ul>
+  <stored-resources :stored-resources="storedResources"></stored-resources>
 </template>
 
 <script>
-import LearningResource from './components/resources/LearningResource';
-
+import storedResources from './components/resources/StoredResources';
 export default {
   components: {
-    LearningResource
+    storedResources
   },
   data() {
     return {
diff --git a/2021-02-08 prj-cmp-01-starting-setup/src/components/BaseList.vue b/2021-02-08 prj-cmp-01-starting-setup/src/components/BaseList.vue
new file mode 100644
index 0000000..f3731ba
--- /dev/null
+++ b/2021-02-08 prj-cmp-01-starting-setup/src/components/BaseList.vue	
@@ -0,0 +1,7 @@
+<template> </template>
+
+<script>
+export default {};
+</script>
+
+<style></style>
diff --git a/2021-02-08 prj-cmp-01-starting-setup/src/components/resources/StoredResources.vue b/2021-02-08 prj-cmp-01-starting-setup/src/components/resources/StoredResources.vue
new file mode 100644
index 0000000..f399480
--- /dev/null
+++ b/2021-02-08 prj-cmp-01-starting-setup/src/components/resources/StoredResources.vue	
@@ -0,0 +1,29 @@
+<template>
+  <ul>
+    <learning-resource
+      v-for="resource in storedResources"
+      :key="resource.id"
+      :title="resource.title"
+      :description="resource.description"
+      :link="resource.link"
+    ></learning-resource>
+  </ul>
+</template>
+<script>
+import LearningResource from './LearningResource';
+export default {
+  components: {
+    LearningResource
+  },
+  props: ['stored-resources']
+};
+</script>
+<style scoped>
+ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  margin: auto;
+  max-width: 40rem;
+}
+</style>