lighter type info

src/market/tracking/TrackingResultTable.vue

@@ -24,7 +24,7 @@ type Result = {
 interface Props {
     items?: TrackingResult[];
     infoOnly?: boolean;
-    ignoredColums?: string[];
+    ignoredColums?: string[] | string;
 }
 
 interface Emits {
@@ -50,10 +50,12 @@ const threshold = useStorage('market-tracking-threshold', 10);
 const filter = ref("");
 const onlyCheap = ref(false);
 const columnsToIgnore = computed(() => {
-    if (props.infoOnly && !props.ignoredColums.includes('buttons')) {
-        return [...props.ignoredColums, 'buttons'];
+    const ic = typeof props.ignoredColums === 'string' ? [props.ignoredColums] : props.ignoredColums;
+
+    if (props.infoOnly && !ic.includes('buttons')) {
+        return [...ic, 'buttons'];
     }
-    return props.ignoredColums;
+    return ic;
 });
 const { sortedArray, headerProps, showColumn } = useSort<Result>(computed(() => props.items
     .filter(r => r.type.name.toLowerCase().includes(filter.value.toLowerCase()))
@@ -125,7 +127,7 @@ const getLineColor = (result: Result) => {
                 <SortableHeader v-bind="headerProps" sortKey="q3">Q3</SortableHeader>
                 <SortableHeader v-bind="headerProps" sortKey="profit">Profit</SortableHeader>
                 <SortableHeader v-bind="headerProps" sortKey="score">Score</SortableHeader>
-                <SortableHeader v-bind="headerProps" sortKey="buttons" unsortable></SortableHeader>
+                <SortableHeader v-bind="headerProps" sortKey="buttons" unsortable />
             </tr>
         </thead>
         <tbody>