This repository has been archived on 2024-03-13. You can view files and clone it, but cannot push or open issues or pull requests.
timekeeper/components/SecondTabContent.vue

36 lines
1008 B
Vue

<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>