diff --git a/src/components/features/Buyable.vue b/src/components/features/Buyable.vue
index e25f289..bb9d296 100644
--- a/src/components/features/Buyable.vue
+++ b/src/components/features/Buyable.vue
@@ -90,8 +90,9 @@ export default {
diff --git a/src/components/features/Clickables.vue b/src/components/features/Clickables.vue
index 36b6a6b..d5f8741 100644
--- a/src/components/features/Clickables.vue
+++ b/src/components/features/Clickables.vue
@@ -26,7 +26,10 @@ export default {
props: {
layer: String,
clickables: Array,
- showMaster: Boolean,
+ showMaster: {
+ type: Boolean,
+ default: null
+ },
height: {
type: [ Number, String ],
default: "inherit"
@@ -37,18 +40,19 @@ export default {
return getFiltered(layers[this.layer || this.tab.layer].clickables, this.clickables);
},
showMasterButton() {
- if (layers[this.layer || this.tab.layer].clickables.masterButtonPress == undefined) {
+ console.log(layers[this.layer || this.tab.layer].clickables?.masterButtonClick, this.showMaster, layers[this.layer || this.tab.layer].clickables?.showMaster)
+ if (layers[this.layer || this.tab.layer].clickables?.masterButtonClick == undefined) {
return false;
}
if (this.showMaster != undefined) {
return this.showMaster;
}
- return layers[this.layer || this.tab.layer].clickables.showMaster;
+ return layers[this.layer || this.tab.layer].clickables?.showMaster;
}
},
methods: {
- respec() {
- layers[this.layer || this.tab.layer].clickables.masterButtonPress();
+ press() {
+ layers[this.layer || this.tab.layer].clickables.masterButtonClick();
}
}
};
diff --git a/src/components/features/DefaultUpgradeDisplay.vue b/src/components/features/DefaultUpgradeDisplay.vue
index c348770..a7831a6 100644
--- a/src/components/features/DefaultUpgradeDisplay.vue
+++ b/src/components/features/DefaultUpgradeDisplay.vue
@@ -26,7 +26,7 @@ export default {
},
title() {
if (this.upgrade.title) {
- return coerceComponent(this.upgrade.title, 'h2');
+ return coerceComponent(this.upgrade.title, 'h3');
}
return null;
},
diff --git a/src/components/features/MasterButton.vue b/src/components/features/MasterButton.vue
index e94e394..35063e7 100644
--- a/src/components/features/MasterButton.vue
+++ b/src/components/features/MasterButton.vue
@@ -1,5 +1,5 @@
-
@@ -29,6 +29,9 @@ export default {
if (this.display) {
return coerceComponent(this.display);
}
+ if (layers[this.layer || this.tab.layer].clickables?.masterButtonDisplay) {
+ return coerceComponent(layers[this.layer || this.tab.layer].clickables?.masterButtonDisplay);
+ }
return coerceComponent("Click Me!");
}
},
diff --git a/src/components/system/Tabs.vue b/src/components/system/Tabs.vue
index 7fdf6cb..8dfcb0a 100644
--- a/src/components/system/Tabs.vue
+++ b/src/components/system/Tabs.vue
@@ -112,5 +112,6 @@ export default {
.tab > [data-simplebar] > .simplebar-wrapper > .simplebar-mask > .simplebar-offset > .simplebar-content-wrapper > .simplebar-content {
flex-direction: column;
min-height: 100%;
+ display: flex;
}
diff --git a/src/data/layers/aca/f.js b/src/data/layers/aca/f.js
index 1c826c0..c0fc0eb 100644
--- a/src/data/layers/aca/f.js
+++ b/src/data/layers/aca/f.js
@@ -50,21 +50,21 @@ export default {
// This is also non minimal, a Clickable!
clickables: {
- masterButtonPress() {
+ masterButtonClick() {
if (getClickableState(this.layer, 11) == "Borkened...")
player[this.layer].clickables[11] = "Start"
},
- masterButtonText() {return (getClickableState(this.layer, 11) == "Borkened...") ? "Fix the clickable!" : "Does nothing"}, // Text on Respec button, optional
+ masterButtonDisplay() {return (getClickableState(this.layer, 11) == "Borkened...") ? "Fix the clickable!" : "Does nothing"}, // Text on Respec button, optional
11: {
- title: "Clicky clicky!", // Optional, displayed at the top in a larger font
- display() { // Everything else displayed in the buyable button after the title
+ titleDisplay: "Clicky clicky!", // Optional, displayed at the top in a larger font
+ descriptionDisplay() { // Everything else displayed in the buyable button after the title
let data = getClickableState(this.layer, this.id)
return "Current state:
" + data
},
unlocked() { return player[this.layer].unlocked },
canClick() {
return getClickableState(this.layer, this.id) !== "Borkened..."},
- onClick() {
+ click() {
switch(getClickableState(this.layer, this.id)){
case "Start":
player[this.layer].clickables[this.id] = "A new state!"
diff --git a/src/store/layers.js b/src/store/layers.js
index fa268d6..143f59e 100644
--- a/src/store/layers.js
+++ b/src/store/layers.js
@@ -283,8 +283,17 @@ export function addLayer(layer, player = null) {
layer.clickables[id].stateSet = function(state) {
player[layer.id].clickables[id] = state;
}
+ if (layer.clickables[id].click != undefined) {
+ layer.clickables[id].click.forceCached = false;
+ }
}
}
+ if (layer.clickables.masterButtonClick != undefined) {
+ layer.clickables.masterButtonClick.forceCached = false;
+ }
+ if (layer.clickables.showMaster == undefined && layer.clickables.masterButtonDisplay != undefined) {
+ layer.clickables.showMaster = true;
+ }
}
if (layer.milestones) {
for (let id in layer.milestones) {