diff --git a/src/App.vue b/src/App.vue
index f1e0a60..236fe31 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,11 +1,8 @@
 <template>
   <img alt="Vue logo" src="./assets/logo.png" />
-  <HelloWorld msg="vapara-vue3" />
-  <br />
-  {{ title }}
-  <br />
-  {{ version }}
+  <HelloWorld :msg="title" />
   <br />
+  version: {{ version }}
 </template>
 
 <script lang="ts">
diff --git a/src/main.ts b/src/main.ts
index 11d77df..aacae56 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -2,6 +2,7 @@ import { createApp } from 'vue'
 import App from './App.vue'
 import './index.css'
 
+// define title and version from package.json
+document.title = APP_TITLE
 
-createApp(App).mount('#app')
-document.title = APP_TITLE
\ No newline at end of file
+createApp(App).mount('#app')
\ No newline at end of file
diff --git a/src/shims-vue.d.ts b/src/shims-vue.d.ts
index 3bfbaa4..ecb3736 100644
--- a/src/shims-vue.d.ts
+++ b/src/shims-vue.d.ts
@@ -4,5 +4,6 @@ declare module "*.vue" {
   export default Component
 }
 
+/* declare const helps constant visibility in main.ts file */
 declare const APP_VERSION: string
 declare const APP_TITLE: string
\ No newline at end of file