Correct spacing on {{ brackets }}

fungame/depression.js

@@ -227,13 +227,12 @@ const StuffButton = {
   },
   template: `
     <button class="button button--stuff" @click="stuff.purchase()">
-      Amount: {{format(amount, 2)}}
+      Amount: {{ format(amount, 2) }}
       <br>
-      Power: {{format(prestige, 2)}}x
+      Power: {{ format(prestige, 2) }}x
       <br>
-      Cost: {{format(cost, 2)}}
-    </button>
-  `
+      Cost: {{ format(cost, 2) }}
+    </button>`
 };
 
 const PrestigeButton = {
@@ -253,9 +252,8 @@ const PrestigeButton = {
   },
   template: `
     <button v-if="canPrestige" class="button button--prestige" @click="stuff.doPrestige()">
-      Reset to increase bonus to {{format(nextPrestige, 2)}}x boost.
-    </button>
-  `
+      Reset to increase bonus to {{ format(nextPrestige, 2) }}x boost.
+    </button>`
 };
 
 const Depression = {
@@ -280,7 +278,7 @@ const Depression = {
   },
   template: `
     <div class="app">
-      <p class="depression">You have <span class="depression-amount">{{format(depression, 2)}}</span> depression</p>
+      <p class="depression">You have <span class="depression-amount">{{ format(depression, 2) }}</span> depression</p>
       <div class="stuff-container">
         <template v-for="stuff in stuffs">
           <br v-if="stuff.id > 1">
@@ -288,8 +286,7 @@ const Depression = {
           <prestige-button :stuff="stuff" />
         </template>
       </div>
-    </div>
-  `
+    </div>`
 };
 
 let vue;

javascripts/components/celestials/celestial-quote-history.js

@@ -70,7 +70,7 @@ Vue.component("celestial-quote-history", {
           class="c-celestial-quote-history__line"
           :style="lineStyle(idx)"
         >
-          {{quote}}
+          {{ quote }}
         </div>
       </div>
       <div class="l-celestial-quote-history__buttons">

javascripts/components/celestials/subtabs/effarig/effarig-tab.js

@@ -27,7 +27,7 @@ Vue.component("effarig-tab", {
           <div class="c-effarig-tab__reward-label">{{ unlock.config.label }}: </div>
           <div v-if="isUnlocked" class="l-effarig-tab__reward-descriptions">
             <div v-for="description in descriptionLines" class="c-effarig-tab__reward-description">
-              <span class="c-effarig-tab__reward-symbol">{{symbol}}</span>{{description}}
+              <span class="c-effarig-tab__reward-symbol">{{ symbol }}</span>{{ description }}
             </div>
           </div>
           <span v-else class="c-effarig-tab__reward-symbol">?</span>

javascripts/components/celestials/subtabs/enslaved-tab.js

@@ -286,7 +286,7 @@ Vue.component("enslaved-tab", {
         <div class="l-enslaved-run-container">
           <div v-if="hasUnlock(unlocksInfo.RUN)">
             <div class="c-enslaved-run-button">
-              <div class="c-enslaved-run-button__title">{{realityTitle}}</div>
+              <div class="c-enslaved-run-button__title">{{ realityTitle }}</div>
               <div v-if="completed"><b>(Completed)</b></div>
               <div :class="runButtonClassObject" @click="startRun">
                 <div class="c-enslaved-run-button__icon__sigil fas fa-link"></div>

javascripts/components/celestials/subtabs/laitela/laitela-tab.js

@@ -164,7 +164,7 @@ Vue.component("singularity-container", {
     <div class="c-laitela-singularity-container">
       <div>
         <h2>
-          You have {{ format(singularities, 2, 0) }} {{ "Singularity" | pluralize(singularities, "Singularities")}}
+          You have {{ format(singularities, 2, 0) }} {{ "Singularity" | pluralize(singularities, "Singularities") }}
         </h2>
         <button
           class="c-laitela-singularity"

javascripts/components/celestials/subtabs/teresa/teresa-tab.js

@@ -90,7 +90,7 @@ Vue.component("teresa-tab", {
     <div class="l-teresa-celestial-tab">
       <celestial-quote-history celestial="teresa" />
       <div>
-        You have {{format(rm, 2, 2)}} {{"Reality Machine" | pluralize(rm)}}.
+        You have {{ format(rm, 2, 2) }} {{ "Reality Machine" | pluralize(rm) }}.
       </div>
       <div class="l-mechanics-container">
         <div class="l-teresa-mechanic-container" v-if="hasReality">
@@ -152,7 +152,7 @@ Vue.component("teresa-tab", {
         <div class="l-rm-container-labels l-teresa-mechanic-container" />
         <div class="c-teresa-shop" v-if="hasPerkShop">
           <span class="o-teresa-pp">
-            You have {{ format(perkPoints, 2, 0) }} {{"Perk Point" | pluralize(perkPoints)}}.
+            You have {{ format(perkPoints, 2, 0) }} {{ "Perk Point" | pluralize(perkPoints) }}.
           </span>
           <perk-shop-upgrade
             v-for="upgrade in upgrades"

javascripts/components/challenges/challenge-box.js

@@ -48,7 +48,7 @@ Vue.component("challenge-box", {
   template: `
     <div class="c-challenge-box l-challenge-box">
       <hint-text type="challenges" class="l-hint-text--challenge">
-        {{name}}
+        {{ name }}
       </hint-text>
       <slot name="top" />
       <div class="l-challenge-box__fill" />

javascripts/components/challenges/normal-challenges-tab.js

@@ -51,7 +51,7 @@ Vue.component("normal-challenges-tab", {
           @start="challenge.requestStart()"
         >
           <description-display :config="config" slot="top" />
-          <span slot="bottom">Reward: {{challenge.config.reward}}</span>
+          <span slot="bottom">Reward: {{ challenge.config.reward }}</span>
         </challenge-box>`
     }
   },

javascripts/components/dimensions/infinity/infinity-dim-tab.js

@@ -108,7 +108,7 @@ Vue.component("infinity-dim-tab", {
         All Infinity Dimensions are limited to a single purchase.
       </div>
       <div v-else>
-        All Infinity Dimensions except for the 8th are limited to a maximum of {{format(totalDimCap, 2)}}
+        All Infinity Dimensions except for the 8th are limited to a maximum of {{ format(totalDimCap, 2) }}
         purchases each.
       </div>
       <div>You are getting {{ format(powerPerSecond, 2, 0) }} {{ incomeType }} per second.</div>

javascripts/components/dimensions/time/time-dim-tab.js

@@ -81,7 +81,7 @@ Vue.component("time-dim-tab", {
         />
       </div>
       <div>
-        Time Dimension costs jump at {{format(costIncreases[0], 2, 2)}} and
+        Time Dimension costs jump at {{ format(costIncreases[0], 2, 2) }} and
         {{ format(costIncreases[1]) }} Eternity Points,
         <br>
         and costs increase much faster after {{ format(costIncreases[2]) }} Eternity Points.

javascripts/components/eternity/milestones/eternity-milestones-tab.js

@@ -43,7 +43,7 @@ Vue.component("eternity-milestones-tab", {
       </div>
       <div>
         Offline Infinities only generate outside of Normal and Infinity Challenges and outside of EC4 and EC12,
-        and when your Infinity Autobuyer is turned on and set to time mode with less than {{formatInt(60)}} seconds.
+        and when your Infinity Autobuyer is turned on and set to time mode with less than {{ formatInt(60) }} seconds.
       </div>
     </div>`
 });

javascripts/components/eternity/time-studies/time-study.js

@@ -118,9 +118,9 @@ Vue.component("time-study", {
       />
       <div v-else-if="showSTCost">
         Cost: <span v-if="config.cost">
-          {{formatInt(config.cost)}} {{ "Time Theorem" | pluralize(config.cost, "Time Theorems")}} and
+          {{ formatInt(config.cost) }} {{ "Time Theorem" | pluralize(config.cost, "Time Theorems") }} and
         </span>
-        {{ formatInt(STCost) }} {{ "Space Theorem" | pluralize(STCost, "Space Theorems")}}
+        {{ formatInt(STCost) }} {{ "Space Theorem" | pluralize(STCost, "Space Theorems") }}
       </div>
     </button>`
 });

javascripts/components/infinity/autobuyers/autobuyer-priority-selector.js

@@ -23,7 +23,7 @@ Vue.component("autobuyer-priority-selector", {
     <div>
       <div>Priority:</div>
       <select @change="handleChange">
-        <option v-for="i in 9" :value="i" :selected="i === value">{{i}}</option>
+        <option v-for="i in 9" :value="i" :selected="i === value">{{ i }}</option>
       </select>
     </div>`
 });

javascripts/components/infinity/autobuyers/reality-autobuyer-box.js

@@ -71,7 +71,7 @@ Vue.component("reality-autobuyer-box", {
           property="glyph"
         />
         <div v-if="isOverCap">
-          Autobuyer will trigger at the glyph level cap of {{formatInt(levelCap)}}.
+          Autobuyer will trigger at the glyph level cap of {{ formatInt(levelCap) }}.
         </div>
       </template>
     </autobuyer-box>`

javascripts/components/infinity/replicanti/replicanti-gain-text.js

@@ -76,5 +76,5 @@ Vue.component("replicanti-gain-text", {
       }
     }
   },
-  template: `<p>{{remainingTimeText}}<br>{{galaxyText}}</p>`
+  template: `<p>{{ remainingTimeText }}<br>{{ galaxyText }}</p>`
 });

javascripts/components/infinity/replicanti/replicanti-tab.js

@@ -100,7 +100,7 @@ Vue.component("replicanti-tab", {
         <div v-if="hasRaisedCap">
           Your Replicanti cap without Time Study 192 has been raised to {{ format(replicantiCap, 2) }}
           and is giving you {{ formatInt(effarigInfinityBonusRG) }} extra Replicanti
-          {{ "Galaxy" | pluralize(effarigInfinityBonusRG, "Galaxies")}}
+          {{ "Galaxy" | pluralize(effarigInfinityBonusRG, "Galaxies") }}
           <br>
           due to the reward from Effarig's Infinity. (Next Replicanti Galaxy at {{ format(nextEffarigRGThreshold, 2) }})
         </div>

javascripts/components/infinity/upgrades/infinity-upgrades-tab.js

@@ -93,7 +93,7 @@ Vue.component("infinity-upgrades-tab", {
       </div>
       <div v-if="!chargeUnlocked">
         Each upgrade requires the one above it to be purchased first.
-        The bottom two upgrades require the other {{formatInt(16)}} to already be purchased.
+        The bottom two upgrades require the other {{ formatInt(16) }} to already be purchased.
       </div>
       <br>
       <div class="l-infinity-upgrade-grid l-infinity-upgrades-tab__grid">

javascripts/components/new-ui/infinity-dimensions-tab/new-inf-dimensions-tab.js

@@ -95,7 +95,7 @@ Vue.component("new-inf-dimensions-tab", {
             translated
           </span>
           to a
-          <span class="c-infinity-dim-description__accent">{{formatX(dimMultiplier, 2, 1)}}</span>
+          <span class="c-infinity-dim-description__accent">{{ formatX(dimMultiplier, 2, 1) }}</span>
           multiplier on all
           <span v-if="!isEC9Running">Antimatter Dimensions.</span>
           <span v-else>Time Dimensions due to Eternity Challenge 9.</span>
@@ -116,10 +116,10 @@ Vue.component("new-inf-dimensions-tab", {
         All Infinity Dimensions are limited to a single purchase.
       </div>
       <div v-else>
-        All Infinity Dimensions except for the 8th are limited to a maximum of {{format(totalDimCap, 2)}}
+        All Infinity Dimensions except for the 8th are limited to a maximum of {{ format(totalDimCap, 2) }}
         purchases each.
       </div>
-      <div>You are getting {{format(powerPerSecond, 2, 0)}} {{incomeType}} per second.</div>
+      <div>You are getting {{ format(powerPerSecond, 2, 0) }} {{ incomeType }} per second.</div>
       <div class="l-dimensions-container">
         <new-inf-dimension-row
           v-for="tier in 8"

javascripts/components/options/select-notation.js

@@ -12,7 +12,7 @@ Vue.component("select-notation", {
         class="o-primary-btn l-select-notation__item c-select-notation__item"
         @click="notation.setAsCurrent()"
       >
-        {{notation.name}}
+        {{ notation.name }}
       </div>
     </div>`
 });

javascripts/components/reality/glyphs/glyph-inventory.js

@@ -71,7 +71,7 @@ Vue.component("glyph-inventory", {
     <div class="l-glyph-inventory">
       Click and drag or double-click to equip Glyphs.
       <br>
-      The top {{ format(protectedRows, 2, 0) }} {{ "row" | pluralize(protectedRows, "rows")}}
+      The top {{ format(protectedRows, 2, 0) }} {{ "row" | pluralize(protectedRows, "rows") }}
       of slots are protected slots and are unaffected by anything which
       <br>
       may move or delete Glyphs. New Glyphs will never be inserted into these slots.

javascripts/components/reality/glyphs/reality-button.js

@@ -118,7 +118,7 @@ Vue.component("reality-button", {
         </template>
         <div class="infotooltiptext" v-if="canReality">
           <div>Other resources gained:</div>
-          <div>{{ ppGained}} Perk {{ "Point" | pluralize(ppGained) }}</div>
+          <div>{{ ppGained }} Perk {{ "Point" | pluralize(ppGained) }}</div>
           <div v-if="shardsGained !== 0">{{ shardsGainedText }}</div>
           <div v-for="celestialInfo in celestialRunText">
             <span v-if="celestialInfo[0]">

javascripts/components/statistics/statistics-tab.js

@@ -148,7 +148,7 @@ Vue.component("statistics-tab", {
         <div>
           You have spent {{ infinity.this.toStringShort() }} in this Infinity.
           <span v-if="reality.isUnlocked">
-            ({{infinity.thisReal.toStringShort()}} real time)
+            ({{ infinity.thisReal.toStringShort() }} real time)
           </span>
         </div>
         <div>