diff --git a/TODO.md b/TODO.md
index 8fd12bd..27ff60f 100644
--- a/TODO.md
+++ b/TODO.md
@@ -8,7 +8,7 @@ TODO
 * [x] git version control awareness
 * [x] eslint
 * [x] licence support
-* [ ] composition API
+* [x] composition API
 * [ ] WindyCss
 * [ ] fake rest api
 * [ ] i18n
diff --git a/src/App.vue b/src/App.vue
index 59f7133..a1851a8 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -11,16 +11,15 @@
 
 <script lang="ts">
 /* eslint-disable no-undef */
-
 import HelloWorld from './components/HelloWorld.vue'
+
 export default {
-  name: 'App',
   components: {
     HelloWorld
   },
   setup() {
     return {
-      title: APP_TITLE,
+      title: APP_TITLE, //Rk: note the 'eslint-disable no-undef' comment above
       version: APP_VERSION,
       origin: APP_ORIGIN
     }
diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
index 751dae5..d5f6fbd 100644
--- a/src/components/HelloWorld.vue
+++ b/src/components/HelloWorld.vue
@@ -18,13 +18,13 @@ export default {
   },
   setup() {
     return {
-      count: ref(1)
+      count: ref(0)
     }
   },
   methods: {
     inc() {
       console.log('increment count')
-      this.count++
+      this.count++ // Rk: note how a ref value can be increment as any common value (ref is a proxy object!)
     }
   }
 }