Capitalize worker version state tag with CSS

src/components/Model/Versions/Row.vue

@@ -4,8 +4,8 @@
       <ItemId :item-id="version.id" />
     </td>
     <td>
-      <span class="tag" :class="stateClass(version.state)">
-        {{ capitalize(version.state) }}
+      <span v-if="version.state" class="tag is-capitalized" :class="stateClass(version.state)">
+        {{ version.state }}
       </span>
     </td>
     <td>{{ version.tag }}</td>
@@ -187,11 +187,6 @@ export default {
     stateClass (state) {
       return MODEL_VERSION_STATE_COLORS[state]
     },
-    capitalize (value) {
-      if (!value) return ''
-      value = value.toString()
-      return value.charAt(0).toUpperCase() + value.slice(1)
-    },
     ago
   }
 }

src/components/Process/Workers/Versions/Row.vue

@@ -29,8 +29,12 @@
       <td>{{ version.version }}</td>
     </template>
     <td class="shrink">
-      <span class="tag" :class="stateClass(version.state)">
-        {{ capitalize(version.state) }}
+      <span
+        v-if="version.state"
+        class="tag is-capitalized"
+        :class="stateClass(version.state)"
+      >
+        {{ version.state }}
       </span>
     </td>
     <td v-if="processId || selectable" class="shrink">
@@ -128,11 +132,6 @@ export default {
     },
     stateClass (state) {
       return REVISION_STATE_COLORS[state]
-    },
-    capitalize (value) {
-      if (!value) return ''
-      value = value.toString()
-      return value.charAt(0).toUpperCase() + value.slice(1)
     }
   }
 }