emphasize usable items

site/src/components/PlayerItems.vue

@@ -2,7 +2,7 @@
     <v-container>
         <v-row v-for="r in 4">
             <v-col v-for="c in 2" cols="4">
-                <v-btn :disabled="!props.items[itemIndex(r, c)]" @click="emit('item', itemIndex(r, c))">
+                <v-btn :disabled="!props.items[itemIndex(r, c)]" :elevation="itemElev(props.items[itemIndex(r, c)])" @click="emit('item', itemIndex(r, c))">
                     {{ props.items[itemIndex(r, c)] }}
                 </v-btn>
             </v-col>
@@ -25,4 +25,8 @@ const emit = defineEmits<Emits>();
 function itemIndex(r: number, c: number): number {
     return (r - 1) * 2 + (c - 1);
 }
+
+function itemElev(item: string): number {
+    return item ? 8 : 0;
+}
 </script>