Added a bunch of images

Not sure what I changed in the vue files...

src/components/SpecialItemsCard.vue

@@ -30,13 +30,13 @@ const headers = ref([
   },
   {
     title: 'Min.',
-    align: ' d-none d-lg-table-cell',
+    align: 'end d-none d-lg-table-cell',
     sortable: true,
     key: '1.minItemPower'
   },
   {
     title: 'Max.',
-    align: ' d-none d-lg-table-cell',
+    align: 'end d-none d-lg-table-cell',
     sortable: true,
     key: '1.maxItemPower'
   },
@@ -48,18 +48,18 @@ const headers = ref([
   },
   {
     title: 'Min. Total',
-    align: ' d-none d-lg-table-cell',
+    align: 'end d-none d-lg-table-cell',
     sortable: false,
     key: `1.minTotalPower`
   },
   {
     title: 'Max. Total',
-    align: ' d-none d-lg-table-cell',
+    align: 'end d-none d-lg-table-cell',
     sortable: false,
     key: `1.maxTotalPower`
   },
   {
-    title: 'Mean Total Power',
+    title: 'Mean Total',
     align: 'end',
     sortable: false,
     key: `1.aveTotalPower`

src/components/StandardItemsCard.vue

@@ -4,12 +4,12 @@ import type { PowerItem } from '@/types/PowerItem'
 import { computed, ref } from 'vue'
 
 export interface Props {
-    items: Map<string, PowerItem>
-    total: number
+  items: Map<string, PowerItem>
+  total: number
 }
 
 const props = withDefaults(defineProps<Props>(), {
-    items: () => new Map<string, PowerItem>
+  items: () => new Map<string, PowerItem>()
 })
 
 const headers = ref([
@@ -38,7 +38,7 @@ const headers = ref([
     key: `1.owned`
   },
   {
-    title: 'Total Power',
+    title: 'Total',
     align: 'end',
     sortable: false,
     key: `1.totalPower`
@@ -79,20 +79,32 @@ const getColor = computed(() => (rarity: number): string => {
       >
         <template v-slot:item.1.iconURL="{ item }">
           <v-card class="my-2" elevation="2" rounded width="41">
-          <v-tooltip activator="parent" v-if="item[1].tooltip != undefined" content-class="custom-tooltip">
-            <v-card variant="text" density="compact" max-width="25vw">
-              <v-card-title class="px-2">Origin: {{ item[1].origin }}</v-card-title>
-              <v-card-text class="px-2" v-if="item[1].tooltip !== ''">{{ item[1].tooltip }}</v-card-text>
-            </v-card>
-          </v-tooltip>
+            <v-tooltip
+              activator="parent"
+              v-if="item[1].tooltip != undefined"
+              content-class="custom-tooltip"
+            >
+              <v-card variant="text" density="compact" max-width="25vw">
+                <v-card-title class="px-2">Origin: {{ item[1].origin }}</v-card-title>
+                <v-card-text class="px-2" v-if="item[1].tooltip !== ''">{{
+                  item[1].tooltip
+                }}</v-card-text>
+              </v-card>
+            </v-tooltip>
             <v-img :src="`/images/${item[1].iconURL}`" height="41" width="41" cover></v-img>
           </v-card>
         </template>
         <template v-slot:item.1.itemName="{ item }">
-          <v-tooltip activator="parent" v-if="item[1].tooltip != undefined" content-class="custom-tooltip">
+          <v-tooltip
+            activator="parent"
+            v-if="item[1].tooltip != undefined"
+            content-class="custom-tooltip"
+          >
             <v-card variant="text" density="compact" max-width="25vw">
               <v-card-title class="px-2">Origin: {{ item[1].origin }}</v-card-title>
-              <v-card-text class="px-2" v-if="item[1].tooltip !== ''">{{ item[1].tooltip }}</v-card-text>
+              <v-card-text class="px-2" v-if="item[1].tooltip !== ''">{{
+                item[1].tooltip
+              }}</v-card-text>
             </v-card>
           </v-tooltip>
           <v-chip :color="`${getColor(item[1].rarity)}`">

src/views/HomeView.vue

@@ -17,6 +17,7 @@ const entries20240122 = ref([
   'Added a better "Select All" to event filters',
   'Added a default image so there aren\'t random blank spots',
   'Did a bunch of code cleanup',
+  'Grabbed screenshots of most "standard" items'
 ])
 </script>