diff --git a/src/App.vue b/src/App.vue
index 7b5bbb8..fc09075 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,50 +1,54 @@
 <template>
-    <div>
-        <app-header v-bind:title="title" v-on:changeTitle="updateTitle($event)"></app-header>
-        <app-ninjas v-bind:ninjas="ninjas"></app-ninjas>
-        <ul>
-          <li v-for="ninja in ninjas">{{ ninja.name }}</li>
-        </ul>
-        <app-footer v-bind:title="title"></app-footer>
-    </div>
+  <div>
+    <app-header
+      v-bind:title="title"
+      v-on:changeTitle="updateTitle($event)"
+    ></app-header>
+    <app-ninjas v-bind:ninjas="ninjas"></app-ninjas>
+    <ul>
+      <li v-for="ninja in ninjas">{{ ninja.name }}</li>
+    </ul>
+    <app-footer v-bind:title="title"></app-footer>
+  </div>
 </template>
 
 <script>
 // Imports
-import Header from './components/Header.vue';
-import Footer from './components/Footer.vue';
-import Ninjas from './components/Ninjas.vue';
+import Header from "./components/Header.vue";
+import Footer from "./components/Footer.vue";
+import Ninjas from "./components/Ninjas.vue";
 
 export default {
-    components: {
-        'app-header': Header,
-        'app-footer': Footer,
-        'app-ninjas': Ninjas
+  components: {
+    "app-header": Header,
+    "app-footer": Footer,
+    "app-ninjas": Ninjas,
+  },
+  data() {
+    return {
+      ninjas: [
+        { name: "Ryu", speciality: "Vue Components", show: false },
+        { name: "Crystal", speciality: "HTML Wizardry", show: false },
+        { name: "Hitoshi", speciality: "Click Events", show: false },
+        { name: "Tango", speciality: "Conditionals", show: false },
+        { name: "Kami", speciality: "Webpack", show: false },
+        { name: "Yoshi", speciality: "Data Diggin", show: false },
+      ],
+      title: "Vue Wizards",
+    };
+  },
+  methods: {
+    updateTitle: function (updatedTitle) {
+      this.title = updatedTitle;
+      console.log("Roberto put his shit in here!");
     },
-    data () {
-        return {
-          ninjas: [
-              {name: 'Ryu', speciality: 'Vue Components', show: false},
-              {name: 'Crystal', speciality: 'HTML Wizardry', show: false},
-              {name: 'Hitoshi', speciality: 'Click Events', show: false},
-              {name: 'Tango', speciality: 'Conditionals', show: false},
-              {name: 'Kami', speciality: 'Webpack', show: false},
-              {name: 'Yoshi', speciality: 'Data Diggin', show: false}
-          ],
-          title: 'Vue Wizards'
-        }
-    },
-    methods: {
-      updateTitle: function(updatedTitle){
-        this.title = updatedTitle;
-      }
-    }
-}
+  },
+};
 </script>
 
 <style>
-body{
-    margin: 0;
-    font-family: 'Nunito SemiBold';
+body {
+  margin: 0;
+  font-family: "Nunito SemiBold";
 }
 </style>