Merge pull request #287 from glitchedmob/consistent-component-usage

Consistent component usage
code-for-chapel-hill · Sep 25, 2020 · 92f9201 · 92f9201
2 parents ea83ccd + c194ace
commit 92f9201
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git 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',
       {

diff --git 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