Percentage instead of raw values for items :)

frontend/components/TreeItem.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 const props = defineProps<{
-    tree: ItemTree
+    tree: ItemTree,
+    parentCount?: number
 }>()
 
 const emit = defineEmits<{
@@ -95,12 +96,12 @@ function handleRefresh() {
         
         <div v-if="tree.data != undefined && tree.data != null" style="width: fit-content; height: fit-content;">
         <img ref="start" class="item-img" width="64" height="64" :alt="tree.data.toString()" :src="CDRAGON_BASE + mapPath(itemMap.get(tree.data).iconPath)" />
-        <h3 style="width: fit-content; margin:auto; margin-bottom: 10px;">{{ tree.count }}</h3>
+        <h3 style="width: fit-content; margin:auto; margin-bottom: 10px;">{{ ((tree.count / parentCount!!) * 100).toFixed(0) }}%</h3>
         </div>
 
         <div style="margin-left: 30px;">
             <div style="width: fit-content; height: fit-content;" v-for="child in tree.children">
-            <TreeItem @refresh="handleRefresh" @mount="(end) => handleSubtreeMount(end)" :tree="child" />
+            <TreeItem @refresh="handleRefresh" @mount="(end) => handleSubtreeMount(end)" :tree="child" :parent-count="tree.count" />
             </div>
         </div>
     </div>