lesson 107: register TheHeader component locally

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: {

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);