From 1bdf11568784ff1c51ebe37a6b76bef94c54044f Mon Sep 17 00:00:00 2001
From: lachie-underhill <lachlanu@gmail.com>
Date: Sat, 3 Jun 2023 16:35:45 +1000
Subject: [PATCH] Miscellaneous casing fixes

---
 src/components/AppFooter.vue          |  2 --
 src/components/item_card/ItemCard.vue | 10 +++++-----
 src/views/BundlesView.vue             |  3 ++-
 src/views/SearchView.vue              |  4 ++--
 4 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/src/components/AppFooter.vue b/src/components/AppFooter.vue
index caed706..d71b3cf 100644
--- a/src/components/AppFooter.vue
+++ b/src/components/AppFooter.vue
@@ -55,5 +55,3 @@ export default {
   }
 }
 </script>
-
-<style scoped></style>
diff --git a/src/components/item_card/ItemCard.vue b/src/components/item_card/ItemCard.vue
index db38218..79ffca7 100644
--- a/src/components/item_card/ItemCard.vue
+++ b/src/components/item_card/ItemCard.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
+import { useGeneralStore, type Item } from '@/store'
+import BundleButton from './BundleButton.vue'
 import SeasonList from './SeasonList.vue'
 import SkillList from './SkillList.vue'
-import BundleButton from './BundleButton.vue'
-import { useGeneralStore, type Item } from '@/store'
 
 const store = useGeneralStore()
 
@@ -49,7 +49,7 @@ withDefaults(defineProps<Props>(), {
         {{ item.source }}
       </div>
       <div class="content">
-        <bundle-button
+        <BundleButton
           v-for="bundleItem in store.getBundleItemsForItem(item.id)"
           :key="bundleItem.id"
           :bundle-item="bundleItem"
@@ -59,10 +59,10 @@ withDefaults(defineProps<Props>(), {
     </div>
     <footer class="card-footer">
       <div class="card-footer-item item-seasons" v-if="showSeasonList">
-        <season-list :seasons="item.seasons" />
+        <SeasonList :seasons="item.seasons" />
       </div>
       <div class="card-footer-item item-skills" v-if="showSkillList">
-        <skill-list :skills="item.skills" />
+        <SkillList :skills="item.skills" />
       </div>
     </footer>
   </div>
diff --git a/src/views/BundlesView.vue b/src/views/BundlesView.vue
index 8c8a27c..d1602bc 100644
--- a/src/views/BundlesView.vue
+++ b/src/views/BundlesView.vue
@@ -2,6 +2,7 @@
 import BundleNav from '@/components/bundles/BundleNav.vue'
 import router from '@/router'
 import { useGeneralStore } from '@/store'
+import { RouterView } from 'vue-router'
 
 const store = useGeneralStore()
 const bundle = store.getBundleById(Number(router.currentRoute.value.params.id))
@@ -11,7 +12,7 @@ const bundle = store.getBundleById(Number(router.currentRoute.value.params.id))
   <div>
     <BundleNav />
     <section class="section">
-      <router-view :key="bundle?.id"></router-view>
+      <RouterView :key="bundle?.id"></RouterView>
     </section>
   </div>
 </template>
diff --git a/src/views/SearchView.vue b/src/views/SearchView.vue
index f1ebd58..0a3003e 100644
--- a/src/views/SearchView.vue
+++ b/src/views/SearchView.vue
@@ -90,14 +90,14 @@ const filteredItems = computed(() => {
     <SearchForm v-model:filters="filters"></SearchForm>
     <section class="container">
       <div class="columns is-multiline">
-        <item-table v-if="store.CompactView" :items="filteredItems" />
+        <ItemTable v-if="store.CompactView" :items="filteredItems" />
         <div
           v-else
           class="column is-3-widescreen is-4-desktop is-12-mobile is-6-tablet is-flex"
           v-for="item in filteredItems"
           :key="item.id"
         >
-          <item-card :item="item"></item-card>
+          <ItemCard :item="item"></ItemCard>
         </div>
       </div>
     </section>