diff --git a/src/components/CustomerCard.vue b/src/components/CustomerCard.vue
index 14099dd..08bf6c5 100644
--- a/src/components/CustomerCard.vue
+++ b/src/components/CustomerCard.vue
@@ -22,7 +22,7 @@
 
 <script>
   export default {
-    name: 'CustomerCard',
+    name: 'customer-card',
     props: {
       customer: {
         type: Object,
diff --git a/src/components/TopNav.vue b/src/components/TopNav.vue
index 941b922..97bfa76 100644
--- a/src/components/TopNav.vue
+++ b/src/components/TopNav.vue
@@ -13,7 +13,7 @@
 
 <script>
   export default {
-    name: 'TopNav',
+    name: 'top-nav',
     props: {
       title: String,
     }
diff --git a/src/pages/About.vue b/src/pages/About.vue
index 648801e..bb47a06 100644
--- a/src/pages/About.vue
+++ b/src/pages/About.vue
@@ -10,6 +10,6 @@
 
 <script>
   export default {
-    name: 'AboutPage',
+    name: 'about-page',
   }
 </script>
\ No newline at end of file
diff --git a/src/pages/Customers.vue b/src/pages/Customers.vue
index 6bbccf2..7a4fa46 100644
--- a/src/pages/Customers.vue
+++ b/src/pages/Customers.vue
@@ -17,7 +17,7 @@
   import CustomerCard from '../components/CustomerCard.vue';
 
   export default {
-    name: 'CustomerPage',
+    name: 'customer-page',
     components: {
       CustomerCard,
     },
diff --git a/src/pages/Login.vue b/src/pages/Login.vue
index 8051a7a..cb20e55 100644
--- a/src/pages/Login.vue
+++ b/src/pages/Login.vue
@@ -26,7 +26,7 @@
   import TopNav from '../components/TopNav.vue';
 
   export default {
-    name: 'LoginPage',
+    name: 'login-page',
     components: {
       TopNav,
     },
diff --git a/src/pages/Orders.vue b/src/pages/Orders.vue
index cd84135..1dcec8e 100644
--- a/src/pages/Orders.vue
+++ b/src/pages/Orders.vue
@@ -10,6 +10,6 @@
 
 <script>
   export default {
-    name: 'OrdersPage',
+    name: 'orders-page',
   }
 </script>
\ No newline at end of file