From 89de2867ed5f275e5938c7e4192a2c153429575f Mon Sep 17 00:00:00 2001
From: Levi Zitting <me@levizitting.com>
Date: Thu, 24 Sep 2020 21:57:57 -0500
Subject: [PATCH 1/2] Add a new eslint rule to keep component usage in
 templates consistent

---
 covid-19-support/.eslintrc.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/covid-19-support/.eslintrc.js b/covid-19-support/.eslintrc.js
index cca401d3..67fc4cc5 100644
--- a/covid-19-support/.eslintrc.js
+++ b/covid-19-support/.eslintrc.js
@@ -13,6 +13,7 @@ module.exports = {
   },
   rules: {
     'vue/max-attributes-per-line': 0,
+    'vue/component-name-in-template-casing': ['error', 'kebab-case'],
     'prettier/prettier': [
       'error',
       {

From c194ace2d139ac7a62d9082b3a9e72ac7c78e422 Mon Sep 17 00:00:00 2001
From: Levi Zitting <me@levizitting.com>
Date: Thu, 24 Sep 2020 22:01:01 -0500
Subject: [PATCH 2/2] Fix component template usage based on previous commits
 new rule

---
 covid-19-support/src/components/Sidebar.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/covid-19-support/src/components/Sidebar.vue b/covid-19-support/src/components/Sidebar.vue
index 51442c63..61dab7ed 100644
--- a/covid-19-support/src/components/Sidebar.vue
+++ b/covid-19-support/src/components/Sidebar.vue
@@ -8,27 +8,27 @@
       <div class="sidebar-top">
         <search-filters class="search-filters" :need="need" @need-selected="(opt) => $emit('need-selected', opt)" />
 
-        <InfoPanel :infotype="'note'" :icon="'fa-info-circle'" v-if="location.currentBusiness == null || showList">
+        <info-panel :infotype="'note'" :icon="'fa-info-circle'" v-if="location.currentBusiness == null || showList">
           {{ $t('sidebar.info-about-us') }} <a href="#" @click="$bvModal.show('about-us')">{{ $t('sidebar.info-link-text') }}</a
           >{{ $t('sidebar.info-end-text') }}
-        </InfoPanel>
+        </info-panel>
 
-        <InfoPanel :infotype="'handwash'" :icon="'fa-hands-wash'" v-if="filteredMarkers.length == 0">
+        <info-panel :infotype="'handwash'" :icon="'fa-hands-wash'" v-if="filteredMarkers.length == 0">
           <b class="themeFont">{{ $t('sidebar.shopsafe') }}</b>
           <br />
           (1) {{ $t('sidebar.stayhome') }}<br />
           (2) {{ $t('sidebar.sixfeet') }}<br />
           (3) {{ $t('sidebar.washhands') }}<br />
-        </InfoPanel>
+        </info-panel>
       </div>
 
-      <BusinessDetails
+      <business-details
         :infotype="'green'"
         :icon="'fa-tractor'"
         :business="location.currentBusiness"
         v-if="location.currentBusiness != null && showList !== true"
         @close-details="$emit('close-details')"
-      ></BusinessDetails>
+      ></business-details>
     </div>
 
     <results-list