From f3533827a239c5935c319d9e0cee13754eec8e3f Mon Sep 17 00:00:00 2001
From: Andreas Zweili <andreas@2li.ch>
Date: Mon, 8 Feb 2021 12:00:06 +0100
Subject: [PATCH] lesson 124: add a resource list

---
 .../src/App.vue                               | 40 +++++++++++++++++++
 .../src/main.js                               |  6 ++-
 2 files changed, 45 insertions(+), 1 deletion(-)
 create mode 100644 2021-02-08 prj-cmp-01-starting-setup/src/App.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
new file mode 100644
index 0000000..4dabf5a
--- /dev/null
+++ b/2021-02-08 prj-cmp-01-starting-setup/src/App.vue	
@@ -0,0 +1,40 @@
+<template>
+  <ul>
+    <li v-for="resource in storedResources" :key="resource.id">
+      {{ resource.title }}
+      <ul>
+        <li>
+          {{ resource.description }}
+        </li>
+        <li>
+          <a :href="resource.link">{{ resource.link }}</a>
+        </li>
+      </ul>
+    </li>
+  </ul>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      storedResources: [
+        {
+          id: 'official-guide',
+          title: 'Oficial Guide',
+          description: 'The official documentation for Vue.js.',
+          link: 'https://vuejs.org'
+        },
+        {
+          id: 'duckduckgo',
+          title: 'Duckduckgo',
+          description: 'A search engine that values privacy.',
+          link: 'https://duckduckgo.com'
+        }
+      ]
+    };
+  }
+};
+</script>
+
+<style></style>
diff --git a/2021-02-08 prj-cmp-01-starting-setup/src/main.js b/2021-02-08 prj-cmp-01-starting-setup/src/main.js
index 01a27ce..c41c25c 100644
--- a/2021-02-08 prj-cmp-01-starting-setup/src/main.js	
+++ b/2021-02-08 prj-cmp-01-starting-setup/src/main.js	
@@ -1,3 +1,7 @@
 import { createApp } from 'vue';
 
-createApp({}).mount('#app');
+import App from './App.vue';
+
+const app = createApp(App);
+
+app.mount('#app');