diff --git a/src/data/layers/factory.tsx b/src/data/layers/factory.tsx index 5ed714d..43513d0 100644 --- a/src/data/layers/factory.tsx +++ b/src/data/layers/factory.tsx @@ -30,7 +30,7 @@ import { noPersist, Persistent, persistent, State } from "game/persistence"; import Decimal, { DecimalSource, format, formatWhole } from "util/bignum"; import { Direction } from "util/common"; import { ProcessedComputable } from "util/computed"; -import { render, renderRow } from "util/vue"; +import { render, renderGrid, renderRow } from "util/vue"; import { computed, ComputedRef, reactive, ref, unref, watchEffect } from "vue"; import _cloth from "../symbols/cloth.png"; import _dye from "../symbols/dyes.png"; @@ -1038,7 +1038,7 @@ const factory = createLayer(id, () => { visible: () => showIf(main.days[advancedDay - 1].opened.value) })) as GenericBuyable; const factoryBuyables = { expandFactory, oilFuel, carryToys }; - const upgrades = [createUpgrade(() => ({ + const upgrades = [[createUpgrade(() => ({ resource: trees.logs, cost: () =>Decimal.pow(10, upgradeAmount.value).mul(1e80), display: { @@ -1069,8 +1069,8 @@ const factory = createLayer(id, () => { title: "Diamond-tipped drills", description: "Drill power ^1.2" } - })), - createUpgrade(() => ({ + }))], + [createUpgrade(() => ({ resource: toys.woodenBlocks, cost: () =>Decimal.pow(10, upgradeAmount.value).mul(1000), display: { @@ -1093,7 +1093,7 @@ const factory = createLayer(id, () => { title: "Improved plastic producers", description: "Plastic producers produce 4x as much" } - })), + }))], ] // pixi @@ -1856,7 +1856,7 @@ const factory = createLayer(id, () => { {renderRow(...Object.values(factoryBuyables))} - {renderRow(...Object.values(upgrades))} + {renderGrid(upgrades as VueFeature[])} )) })),