no more problems in typescript

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">

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
+createApp(App).mount('#app')

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