diff --git a/src/App.vue b/src/components/App.vue
similarity index 92%
rename from src/App.vue
rename to src/components/App.vue
index fba11f0..4de9462 100644
--- a/src/App.vue
+++ b/src/components/App.vue
@@ -2,7 +2,7 @@
   <div
     class="space-y-2 bg-white rounded-xl mx-auto max-w-sm py-8 px-8 shadow-md sm:space-y-0 sm:space-x-6 sm:flex sm:py-4 sm:items-center"
   >
-    <img alt="Vue logo" src="./assets/logo.png" width="150" />
+    <img alt="Vue logo" src="@/assets/logo.png" width="150" />
     <div class="space-y-2 text-center sm:text-left">
       <div class="space-y-0.5">
         <p class="font-semibold text-lg text-black">
@@ -31,7 +31,7 @@
 
 <script lang="ts">
 import { defineComponent } from 'vue'
-import Basket from './components/Basket.vue'
+import Basket from './Basket.vue'
 declare const APP_TITLE, APP_VERSION, APP_REPOSITORY, APP_LICENSE
 
 export default defineComponent({
diff --git a/src/main.ts b/src/main.ts
index b111a31..113b076 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,7 +1,7 @@
 import { createApp } from 'vue'
 import 'windi.css'
 
-import App from '@/App.vue'
+import App from '@/components/App.vue'
 import '@/assets/index.css'
 
 declare const APP_TITLE: string
diff --git a/src/shims-vue.d.ts b/src/shims-vue.d.ts
index 3f2cd29..14edcf0 100644
--- a/src/shims-vue.d.ts
+++ b/src/shims-vue.d.ts
@@ -3,9 +3,3 @@ declare module '*.vue' {
   const Component: ReturnType<typeof defineComponent>
   export default Component
 }
-
-/* declare const which helps leveraging visibility of defined constants, loaded from `main.ts` file */
-// declare const APP_VERSION: string
-// declare const APP_TITLE: string
-// declare const APP_REPOSITORY: string
-// declare const APP_LICENSE: string