diff --git a/src/components/ActiveSchemaScreen.vue b/src/components/ActiveSchemaScreen.vue
index 0e51af2..6c67a53 100644
--- a/src/components/ActiveSchemaScreen.vue
+++ b/src/components/ActiveSchemaScreen.vue
@@ -35,6 +35,7 @@
 <script>
 import { defineComponent } from "vue";
 export default defineComponent({
+    name: "active-schema-screen",
     data() {
         const dummytable = [
             {
diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue
index a23e86d..6f3bb75 100644
--- a/src/components/Navbar.vue
+++ b/src/components/Navbar.vue
@@ -18,7 +18,7 @@
 
 <script>
 export default {
-
+    name: "navbar",
 }
 </script>
 
diff --git a/src/components/Sidebar.vue b/src/components/Sidebar.vue
index 8d5dcb5..3f860b7 100644
--- a/src/components/Sidebar.vue
+++ b/src/components/Sidebar.vue
@@ -16,6 +16,7 @@
 
 <script>
 export default {
+    name: "sidebar",
     props: {
         sidebarItems: {
             type: Array,
diff --git a/src/views/AdminView.vue b/src/views/AdminView.vue
index 85b29c2..05f35dc 100644
--- a/src/views/AdminView.vue
+++ b/src/views/AdminView.vue
@@ -20,6 +20,7 @@ import ActiveSchemaScreen from '@/components/ActiveSchemaScreen.vue'
 import Navbar from '@/components/Navbar.vue'
 import Sidebar from '@/components/Sidebar.vue'
 export default {
+    name: "admin-view",
     components: { UploadScreen, ActiveSchemaScreen, Navbar, Sidebar },
     data() {
         return {