Added a bunch of images

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

public/items/fellowPowerItems.json

@@ -10,7 +10,7 @@
     "isEventItem": true
   },
   "2006c92e-8e32-4c9f-a913-3b2d1ed8dea0": {
-    "iconURL": "isl_logo.png",
+    "iconURL": "potion_of_bravery.png",
     "itemName": "Potion of Bravery",
     "minItemPower": 800,
     "maxItemPower": 800,
@@ -20,7 +20,7 @@
     "isEventItem": false
   },
   "30d05d98-a615-4e3a-94da-8aa6e4ad03a9": {
-    "iconURL": "isl_logo.png",
+    "iconURL": "basic_elixir.png",
     "itemName": "Basic Elixir",
     "minItemPower": 3000,
     "maxItemPower": 3000,
@@ -30,7 +30,7 @@
     "isEventItem": false
   },
   "3eccaaac-5afe-415a-ac8f-55df213cf015": {
-    "iconURL": "isl_logo.png",
+    "iconURL": "potion_of_freedom.png",
     "itemName": "Potion of Freedom",
     "minItemPower": 800,
     "maxItemPower": 800,
@@ -40,7 +40,7 @@
     "isEventItem": false
   },
   "68a7a68a-2123-4a8e-b64d-9dbdf0637521": {
-    "iconURL": "isl_logo.png",
+    "iconURL": "potion_of_erudition.png",
     "itemName": "Potion of Erudition",
     "minItemPower": 800,
     "maxItemPower": 800,
@@ -50,7 +50,7 @@
     "isEventItem": false
   },
   "7075da2f-a617-42a1-b142-fe2401ad87ec": {
-    "iconURL": "isl_logo.png",
+    "iconURL": "potion_of_inspiration.png",
     "itemName": "Potion of Inspiration",
     "minItemPower": 800,
     "maxItemPower": 800,
@@ -80,7 +80,7 @@
     "isEventItem": true
   },
   "a351a27b-765b-46b5-95fc-99c47e63176d": {
-    "iconURL": "isl_logo.png",
+    "iconURL": "potion_of_diligence.png",
     "itemName": "Potion of Diligence",
     "minItemPower": 800,
     "maxItemPower": 800,
@@ -100,7 +100,7 @@
     "isEventItem": true
   },
   "bc5fc5c6-65e1-41c8-822d-d6e06ec0894e": {
-    "iconURL": "isl_logo.png",
+    "iconURL": "advanced_elixir.png",
     "itemName": "Advanced Elixir",
     "minItemPower": 30000,
     "maxItemPower": 30000,

public/items/intimacyPowerItems.json

@@ -10,7 +10,7 @@
     "isEventItem": true
   },
   "0dbbda4c-0e4c-4cc2-b204-0301178ae667": {
-    "iconURL": "isl_logo.png",
+    "iconURL": "gold_ring.png",
     "itemName": "Gold Ring",
     "minItemPower": 1,
     "maxItemPower": 1,
@@ -50,13 +50,13 @@
     "isEventItem": true
   },
   "71c7537b-ef33-4f64-91d4-e7e9c3915cad": {
-    "iconURL": "isl_logo.png",
+    "iconURL": "diamond_ring.png",
     "itemName": "Diamond Ring",
     "minItemPower": 5,
     "maxItemPower": 5,
     "rarity": 4,
     "origin": "Multiple",
-    "tooltip": "",
+    "tooltip": "A luxurious ring inlaid with diamonds. Give it to a family member to increase their Intimacy by 5.",
     "isEventItem": false
   },
   "73ddfbbf-3071-4103-9893-b9b77af05ce9": {
@@ -100,7 +100,7 @@
     "isEventItem": true
   },
   "d5eb513d-68e0-4cd3-bb44-e3e8d36cfecd": {
-    "iconURL": "isl_logo.png",
+    "iconURL": "gemstone_ring.png",
     "itemName": "Gemstone Ring",
     "minItemPower": 2,
     "maxItemPower": 2,

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>