diff --git a/frontend/components/ChampionSelector.vue b/frontend/components/ChampionSelector.vue
index eb22eea..45e8cec 100644
--- a/frontend/components/ChampionSelector.vue
+++ b/frontend/components/ChampionSelector.vue
@@ -32,8 +32,8 @@ const champions = computed(() => {
return championsData.value
.slice(1)
- .filter((champion: any) => !champion.name.includes('Doom Bot'))
- .sort((a: any, b: any) => a.name.localeCompare(b.name))
+ .filter((champion: ChampionSummary) => !champion.name.includes('Doom Bot'))
+ .sort((a: ChampionSummary, b: ChampionSummary) => a.name.localeCompare(b.name))
})
const lanesMap = computed(() => {
@@ -64,7 +64,7 @@ function filterChampionsByLane(laneFilter: number): void {
}
const laneName = filterToLane(laneFilter)
- filteredChampions.value = champions.value.filter((champion: any) => {
+ filteredChampions.value = champions.value.filter((champion: ChampionSummary) => {
const championLanes = lanesMap.value.get(champion.alias.toLowerCase())
if (!championLanes) return false
@@ -77,14 +77,14 @@ const debouncedSearch = debounce((searchTerm: string) => {
if (isEmpty(searchTerm)) {
filteredChampions.value = [...champions.value]
} else {
- filteredChampions.value = champions.value.filter((champion: any) =>
+ filteredChampions.value = champions.value.filter((champion: ChampionSummary) =>
champion.name.toLowerCase().includes(searchTerm.toLowerCase())
)
}
}, 300)
// Watchers
-watch(searchBar, (newS, oldS) => {
+watch(searchBar, (_newS, _oldS) => {
searchBar.value?.focus()
})
@@ -124,7 +124,7 @@ const isLoading = computed(() => loadingChampions.value || loadingLanes.value)
@@ -146,7 +146,7 @@ const isLoading = computed(() => loadingChampions.value || loadingLanes.value)
@keyup.enter="
() => filteredChampions.length > 0 && navigateToChampion(filteredChampions[0].alias)
"
- >
+ />
diff --git a/frontend/components/LaneFilter.vue b/frontend/components/LaneFilter.vue
index ec0e1ac..a167382 100644
--- a/frontend/components/LaneFilter.vue
+++ b/frontend/components/LaneFilter.vue
@@ -46,6 +46,7 @@ function handleHover(laneImg: Ref, index: number) {
()
+
+// Component name must be multi-word
+defineOptions({
+ name: 'AppLogo'
+})
diff --git a/frontend/components/item/Tree.vue b/frontend/components/item/Tree.vue
index 031065d..ed53a46 100644
--- a/frontend/components/item/Tree.vue
+++ b/frontend/components/item/Tree.vue
@@ -108,14 +108,18 @@ function handleRefresh() {
height="64"
:alt="tree.data.toString()"
:src="CDRAGON_BASE + mapPath(itemMap.get(tree.data).iconPath)"
- >
+ />
{{ ((tree.count / parentCount!!) * 100).toFixed(0) }}%
-
+
>(new Map())
+const itemMap = ref