added lesson code

Shaun Pelling · Shaun Pelling · commit 9d1a6ca4d9d2 · 2017-03-30T17:56:19.000+01:00
diff --git a/src/App.vue b/src/App.vue
@@ -1,20 +1,21 @@
 <template>
     <div>
         <h1>{{ title }}</h1>
-        <p>{{ greeting() }}</p>
+        <ninjas></ninjas>
     </div>
 </template>
 
 <script>
+// Imports
+import Ninjas from './Ninjas.vue';
+
 export default {
+    components: {
+        'ninjas': Ninjas
+    },
     data () {
         return {
-          title: 'Your first Vue file, wooo!'
-        }
-    },
-    methods: {
-        greeting: function(){
-            return 'heeey cowboy'
+          title: 'Ninja App'
         }
     }
 }
diff --git a/src/Ninjas.vue b/src/Ninjas.vue
@@ -0,0 +1,18 @@
+<template>
+    <ul>
+        <li v-for="ninja in ninjas">{{ ninja }}</li>
+    </ul>
+</template>
+
+<script>
+export default {
+    data () {
+        return {
+          ninjas: ['Yoshi', 'Mario', 'Ryu']
+        }
+    }
+}
+</script>
+
+<style>
+</style>
diff --git a/src/main.js b/src/main.js
@@ -1,5 +1,8 @@
 import Vue from 'vue'
 import App from './App.vue'
+//import Ninjas from './Ninjas.vue'
+
+//Vue.component('ninjas', Ninjas);
 
 new Vue({
   el: '#app',
