feat: continued iteration of first two tabs

components/FirstTabContent.vue

@@ -0,0 +1,29 @@
+<template>
+  <div class="tab-content grid flex-col">
+    <template v-for="(process, index) in $store.state.incremental.processes">
+      <button :key="index" class="text-right font-semibold">
+        {{ process.device }}
+      </button>
+      <div :key="index" class="progress-bar relative">
+        <progress max="100" value="50" class="w-full h-full"></progress>
+        <span
+          class="absolute top-0 bottom-0 left-0 right-0 text-center text-white"
+        >
+          1.3 <span class="fas fa-hourglass-half text-sm" /> / sec
+          <!-- {{ $store.state.incremental.currency[process.produces] }} {{ process.produces }} -->
+        </span>
+      </div>
+    </template>
+  </div>
+</template>
+
+<script>
+export default {}
+</script>
+
+<style scoped>
+.tab-content {
+  grid-template-columns: auto 1fr;
+  grid-gap: 1rem 1rem;
+}
+</style>