diff --git a/2021-02-06 cmp-adv-01-starting-setup/src/App.vue b/2021-02-06 cmp-adv-01-starting-setup/src/App.vue
index a40d204..a9afc6b 100644
--- a/2021-02-06 cmp-adv-01-starting-setup/src/App.vue	
+++ b/2021-02-06 cmp-adv-01-starting-setup/src/App.vue	
@@ -12,10 +12,14 @@
 
 <script>
 import TheHeader from "./components/TheHeader.vue";
+import BadgeList from "./components/BadgeList.vue";
+import UserInfo from "./components/UserInfo.vue";
 
 export default {
     components: {
         TheHeader,
+        BadgeList,
+        UserInfo,
     },
     data() {
         return {
diff --git a/2021-02-06 cmp-adv-01-starting-setup/src/main.js b/2021-02-06 cmp-adv-01-starting-setup/src/main.js
index dca42b2..66d2c0c 100644
--- a/2021-02-06 cmp-adv-01-starting-setup/src/main.js	
+++ b/2021-02-06 cmp-adv-01-starting-setup/src/main.js	
@@ -2,13 +2,9 @@ import { createApp } from "vue";
 
 import App from "./App.vue";
 import BaseBadge from "./components/BaseBadge.vue";
-import BadgeList from "./components/BadgeList.vue";
-import UserInfo from "./components/UserInfo.vue";
 
 const app = createApp(App);
 
 app.component("base-badge", BaseBadge);
-app.component("badge-list", BadgeList);
-app.component("user-info", UserInfo);
 
 app.mount("#app");