upper case

components/Footer.vue

@@ -18,7 +18,7 @@
 </template>
 <script>
 export default {
-  name: "footer",
+  name: "Footer",
 };
 </script>
 

components/nav.vue

@@ -33,15 +33,15 @@
 </template>
 <script>
 export default {
-  name: "nav",
+  name: "Nav",
 };
 </script>
 <script>
-import sidebar from "@/components/sidebar";
+import sidebar from "@/components/SideBar";
 import vuex from
 
 export default {
-    components: { sidebar },
+    components: { SideBar },
 };
 </script>
 <script>

components/sidebar.vue

@@ -19,7 +19,7 @@
 </template>
 <script>
 export default {
-	name: "sidebar",
+	name: "SideBar",
 };
 </script>
 <script>

pages/home/index.vue

@@ -17,7 +17,7 @@ import axios from "axios";
 import VueAxios from "vue-axios";
 
 import Nav from "@/components/Nav";
-import Footer from "@/components/footer";
+import Footer from "@/components/Footer";
 
 export default {
 components: { Nav },

pages/home/users.vue

@@ -116,7 +116,7 @@ import axios from "axios";
 
 export default {
   components: { Nav },
-  components: { navigation },
+  components: { Navigation },
   middleware: ["web"],
 
   data: () => ({

pages/index.vue

@@ -63,7 +63,7 @@ import notification from "@/components/notification";
 
 export default {
     components: { Nav },
-    components: { notification },
+    components: { Notification },
     components: { NuxtLogo },
 };
 </script>