Show worker costs

closes #1527 (closed)

requires backend!2514 (merged)

src/components/Process/Workers/WorkerRuns/WorkerTag.vue

@@ -9,19 +9,26 @@
   <span class="mx-1" :title="worker.name">
     {{ worker.name }}
   </span>
+  <span v-if="hasCosts(worker)" class="tag is-warning">€</span>
 </template>
 
-<script>
+<script lang="ts">
+import { defineComponent, PropType } from 'vue'
 import { WORKER_TYPE_COLORS } from '@/config'
+import { Worker } from '@/types/worker'
+import { hasCosts } from '@/helpers/worker'
 
-export default {
+export default defineComponent({
   props: {
     // A worker instance to build base tag elements
     worker: {
-      type: Object,
+      type: Object as PropType<Worker>,
       required: true
     }
   },
+  data: () => ({
+    hasCosts
+  }),
   computed: {
     workerType () {
       return this.worker?.type
@@ -30,5 +37,5 @@ export default {
       return WORKER_TYPE_COLORS[this.workerType]?.cssClass ?? WORKER_TYPE_COLORS.default.cssClass
     }
   }
-}
+})
 </script>