package.json

@@ -25,6 +25,7 @@
     "eslint-plugin-vue": "^9.17.0",
     "prettier": "^3.0.3",
     "unplugin-fonts": "^1.1.1",
+    "unplugin-vue-components": "^0.26.0",
     "vite": "^5.0.11",
     "vite-plugin-vuetify": "^2.0.1"
   }

src/App.vue

@@ -13,11 +13,3 @@
     <v-footer :elevation=12 border><v-row justify="center">ASCO - Fablab</v-row></v-footer>
   </v-app>
 </template>
-
-<script setup>
-
-import BrainBlastBar from '@/components/BrainBlastBar.vue'
-import GameStatus from '@/components/GameStatus.vue'
-import HelloWorld from '@/components/HelloWorld.vue'
-
-</script>

vite.config.js

@@ -1,4 +1,5 @@
 // Plugins
+import Components from 'unplugin-vue-components/vite'
 import vue from '@vitejs/plugin-vue'
 import Vuetify, { transformAssetUrls } from 'vite-plugin-vuetify'
 import ViteFonts from 'unplugin-fonts/vite'
@@ -14,6 +15,7 @@ export default defineConfig({
       template: { transformAssetUrls }
     }),
     Vuetify(),
+    Components(),
     ViteFonts({
       google: {
         families: [{