From 0008b0a1ea35b217adce164e42fc84b7747f2572 Mon Sep 17 00:00:00 2001
From: Joe Fleming <joe.fleming@gmail.com>
Date: Tue, 14 Feb 2017 20:32:41 -0700
Subject: [PATCH] use fancy name casting for imported component

---
 src/App.vue             | 2 +-
 src/pages/Customers.vue | 4 ++--
 src/pages/Login.vue     | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 2509eb1..1636025 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -42,7 +42,7 @@
   export default {
     name: 'App',
     components: {
-      'top-nav': TopNav,
+      TopNav,
     }
   }
 </script>
diff --git a/src/pages/Customers.vue b/src/pages/Customers.vue
index 6216857..6bbccf2 100644
--- a/src/pages/Customers.vue
+++ b/src/pages/Customers.vue
@@ -5,7 +5,7 @@
 
       <div class="columns is-multiline">
         <div class="column is-one-third" v-for="customer in customers">
-          <CustomerCard :customer="customer">
+          <customer-card :customer="customer">
         </div>
       </div>
 
@@ -19,7 +19,7 @@
   export default {
     name: 'CustomerPage',
     components: {
-      CustomerCard
+      CustomerCard,
     },
     data() {
       const mockCustomer = (num) => ({
diff --git a/src/pages/Login.vue b/src/pages/Login.vue
index fc81719..8051a7a 100644
--- a/src/pages/Login.vue
+++ b/src/pages/Login.vue
@@ -28,7 +28,7 @@
   export default {
     name: 'LoginPage',
     components: {
-      'top-nav': TopNav,
+      TopNav,
     },
     data () {
       return {