refactor: use multiple routes

components/SecondTabContent.vue

@@ -1,35 +0,0 @@
-<template>
-  <div class="tab-content grid flex-col">
-    <div
-      v-for="(process, index) in $store.state.processes"
-      :key="index"
-      class="flex flex-col mb-4 p-4 rounded border"
-      :class="`border-${$store.getters.activeTab.darkColor}`"
-      @click="$store.commit('purchaseWorker', index)"
-    >
-      <span class="text-center font-bold pb-2 text-xl">
-        {{ process.workerCount }} {{ process.worker
-        }}<template v-if="process.workerCount != 1">s</template>
-      </span>
-      <span class="text-left font-semibold">
-        Each <b>{{ process.worker }}</b> makes your
-        <b>{{ process.device }}s</b> produce <b>spare time</b> at an increased
-        rate.
-      </span>
-      <span class="text-center text-md pt-2"
-        >Cost for next {{ process.worker }}: {{ process.nextWorkerCost }}
-        {{ process.buyWorkersWith }}</span
-      >
-    </div>
-  </div>
-</template>
-
-<script>
-export default {}
-</script>
-
-<style>
-.tab-content {
-  grid-template-columns: 1fr;
-}
-</style>