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 e62807c..a40d204 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	
@@ -11,7 +11,12 @@
 </template>
 
 <script>
+import TheHeader from "./components/TheHeader.vue";
+
 export default {
+    components: {
+        TheHeader,
+    },
     data() {
         return {
             activeUser: {
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 b19af53..dca42b2 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	
@@ -1,14 +1,12 @@
 import { createApp } from "vue";
 
 import App from "./App.vue";
-import TheHeader from "./components/TheHeader.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("the-header", TheHeader);
 app.component("base-badge", BaseBadge);
 app.component("badge-list", BadgeList);
 app.component("user-info", UserInfo);