From b8005138000e956981e5232cf6b8c3095448dde9 Mon Sep 17 00:00:00 2001
From: Joe Fleming <joe.fleming@gmail.com>
Date: Tue, 14 Feb 2017 20:33:23 -0700
Subject: [PATCH] use custom elements compliant component names

---
 src/components/CustomerCard.vue | 2 +-
 src/components/TopNav.vue       | 2 +-
 src/pages/About.vue             | 2 +-
 src/pages/Customers.vue         | 2 +-
 src/pages/Login.vue             | 2 +-
 src/pages/Orders.vue            | 2 +-
 6 files changed, 6 insertions(+), 6 deletions(-)

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