@@ -254,7 +254,6 @@ function loadVue() {
254
254
`
255
255
} )
256
256
257
- // data = button size, in px
258
257
Vue . component ( 'buyables' , {
259
258
props : [ 'layer' , 'data' ] ,
260
259
template : `
@@ -271,11 +270,11 @@ function loadVue() {
271
270
} )
272
271
273
272
Vue . component ( 'buyable' , {
274
- props : [ 'layer' , 'data' , 'size' ] ,
273
+ props : [ 'layer' , 'data' ] ,
275
274
template : `
276
275
<div v-if="tmp[layer].buyables && tmp[layer].buyables[data]!== undefined && tmp[layer].buyables[data].unlocked" style="display: grid">
277
276
<button v-bind:class="{ buyable: true, tooltipBox: true, can: tmp[layer].buyables[data].canBuy, locked: !tmp[layer].buyables[data].canBuy, bought: player[layer].buyables[data].gte(tmp[layer].buyables[data].purchaseLimit)}"
278
- v-bind:style="[tmp[layer].buyables[data].canBuy ? {'background-color': tmp[layer].color} : {}, size ? {'height': size, 'width': size} : {}, tmp[layer].componentStyles.buyable, tmp[layer].buyables[data].style]"
277
+ v-bind:style="[tmp[layer].buyables[data].canBuy ? {'background-color': tmp[layer].color} : {}, tmp[layer].componentStyles.buyable, tmp[layer].buyables[data].style]"
279
278
v-on:click="if(!interval) buyBuyable(layer, data)" :id='"buyable-" + layer + "-" + data' @mousedown="start" @mouseleave="stop" @mouseup="stop" @touchstart="start" @touchend="stop" @touchcancel="stop">
280
279
<span v-if= "tmp[layer].buyables[data].title"><h2 v-html="tmp[layer].buyables[data].title"></h2><br></span>
281
280
<span v-bind:style="{'white-space': 'pre-line'}" v-html="run(layers[layer].buyables[data].display, layers[layer].buyables[data])"></span>
@@ -333,12 +332,12 @@ function loadVue() {
333
332
334
333
// data = id of clickable
335
334
Vue . component ( 'clickable' , {
336
- props : [ 'layer' , 'data' , 'size' ] ,
335
+ props : [ 'layer' , 'data' ] ,
337
336
template : `
338
337
<button
339
338
v-if="tmp[layer].clickables && tmp[layer].clickables[data]!== undefined && tmp[layer].clickables[data].unlocked"
340
339
v-bind:class="{ upg: true, tooltipBox: true, can: tmp[layer].clickables[data].canClick, locked: !tmp[layer].clickables[data].canClick}"
341
- v-bind:style="[tmp[layer].clickables[data].canClick ? {'background-color': tmp[layer].color} : {}, size ? {'height': size, 'width': size} : {}, tmp[layer].clickables[data].style]"
340
+ v-bind:style="[tmp[layer].clickables[data].canClick ? {'background-color': tmp[layer].color} : {}, tmp[layer].clickables[data].style]"
342
341
v-on:click="if(!interval) clickClickable(layer, data)" :id='"clickable-" + layer + "-" + data' @mousedown="start" @mouseleave="stop" @mouseup="stop" @touchstart="start" @touchend="stop" @touchcancel="stop">
343
342
<span v-if= "tmp[layer].clickables[data].title"><h2 v-html="tmp[layer].clickables[data].title"></h2><br></span>
344
343
<span v-bind:style="{'white-space': 'pre-line'}" v-html="run(layers[layer].clickables[data].display, layers[layer].clickables[data])"></span>
@@ -376,7 +375,7 @@ function loadVue() {
376
375
} )
377
376
378
377
379
- // data = button size, in px
378
+ // data = optionally, array of rows for the grid to show
380
379
Vue . component ( 'grid' , {
381
380
props : [ 'layer' , 'data' ] ,
382
381
template : `
@@ -428,7 +427,7 @@ function loadVue() {
428
427
} ,
429
428
} )
430
429
431
- // data = button size, in px
430
+ // data = id of microtab family
432
431
Vue . component ( 'microtabs' , {
433
432
props : [ 'layer' , 'data' ] ,
434
433
computed : {
0 commit comments