diff --git a/lessons/app.js b/lessons/app.js
index 0ed8cb2..4f6aaf0 100644
--- a/lessons/app.js
+++ b/lessons/app.js
@@ -1,35 +1,13 @@
+Vue.component('ts-cmp',{
+  data() {
+    return {
+        status: "Critical!",
+    };
+  },
+  template: '<p> Server status {{ status }} </p>'
+});
+
 var app = new Vue({
   el: '#app',
-  data: {
-    title: "The VueJS nstance"
-  },
-  beforeCreate(){
-    console.log("Created");
-  },
-  created(){
-    console.log("created");
-  },
-  beforeMount(){
-    console.log("beforeMount");
-  },
-  mounted(){
-    console.log("mounted");
-  },
-  beforeUpdate(){
-    console.log("before update");
-  },
-  updated(){
-    console.log("updated");
-  },
-  beforeDestroy(){
-    console.log("before destroy");
-  },
-  destroyed(){
-    console.log("destroyed");
-  },
-  methods:{
-    destroy(){
-      this.$destroy();
-    }
-  }
+
 });
diff --git a/lessons/index.html b/lessons/index.html
index 2425457..2358b71 100644
--- a/lessons/index.html
+++ b/lessons/index.html
@@ -7,9 +7,10 @@
   </head>
   <body>
     <div id='app'>
-        {{title}}
-        <button @click="title = 'changed'">click</button>
-        <button @click="destroy"> destroy </button>
+        <ts-cmp></ts-cmp>
+    </div>
+
+    <div id='app'>
     </div>
     <script src="app.js" charset="utf-8"></script>
   </body>
diff --git a/vue-cli/src/App.vue b/vue-cli/src/App.vue
index 8ad3e80..b092b41 100644
--- a/vue-cli/src/App.vue
+++ b/vue-cli/src/App.vue
@@ -6,6 +6,7 @@
 
 <script>
 export default {
+
 }
 </script>
 
