diff --git a/src/components/Dialogs.vue b/src/components/Dialogs.vue
index 8ee248c..eac840a 100644
--- a/src/components/Dialogs.vue
+++ b/src/components/Dialogs.vue
@@ -1,9 +1,6 @@
 <template>
   <div>
-    <div
-class="true-center blank-slate"
-v-if="npcs.length === 0"
->
+    <div class="true-center blank-slate" v-if="npcs.length === 0">
       Add NPCs first
     </div>
 
@@ -12,12 +9,9 @@ v-if="npcs.length === 0"
       v-if="npcs.length && dialogs.length === 0"
     >
       No NPC Scripts
-      <br>
+      <br />
 
-      <b-button
-variant="primary"
-@click="openModal()"
->Add one</b-button>
+      <b-button variant="primary" @click="openModal()">Add one</b-button>
     </div>
 
     <b-modal
@@ -37,10 +31,7 @@ variant="primary"
     >
       <div class="d-block p-1">
         <b-form>
-          <b-tabs
-content-class="mt-3"
-fill
->
+          <b-tabs content-class="mt-3" fill>
             <b-tab title="Core Stats">
               <div class="row">
                 <div class="col-md-4">
@@ -51,11 +42,7 @@ fill
                     :maps="maps"
                   />
 
-                  <b-form-group
-label-cols-md="3"
-label="Name"
-class="optional"
->
+                  <b-form-group label-cols-md="3" label="Name" class="optional">
                     <b-form-input
                       type="text"
                       v-model="dialog.name"
@@ -75,11 +62,7 @@ class="optional"
                     />
                   </b-form-group>
 
-                  <b-form-group
-label-cols-md="3"
-label="HP"
-class="multi"
->
+                  <b-form-group label-cols-md="3" label="HP" class="multi">
                     <b-form-input
                       type="number"
                       v-model="dialog.hp.min"
@@ -96,11 +79,7 @@ class="multi"
                     />
                   </b-form-group>
 
-                  <b-form-group
-label-cols-md="3"
-label="MP"
-class="multi"
->
+                  <b-form-group label-cols-md="3" label="MP" class="multi">
                     <b-form-input
                       type="number"
                       v-model="dialog.mp.min"
@@ -117,10 +96,7 @@ class="multi"
                     />
                   </b-form-group>
 
-                  <b-form-group
-label-cols-md="3"
-label="Hostility"
->
+                  <b-form-group label-cols-md="3" label="Hostility">
                     <b-form-select
                       v-model="dialog.hostility"
                       required
@@ -128,10 +104,7 @@ label="Hostility"
                     />
                   </b-form-group>
 
-                  <b-form-group
-label-cols-md="3"
-label="Allegiance"
->
+                  <b-form-group label-cols-md="3" label="Allegiance">
                     <b-form-select
                       v-model="dialog.allegiance"
                       required
@@ -148,10 +121,7 @@ label="Allegiance"
                     />
                   </b-form-group>
 
-                  <b-form-group
-label-cols-md="3"
-label="Alignment"
->
+                  <b-form-group label-cols-md="3" label="Alignment">
                     <b-form-select
                       v-model="dialog.alignment"
                       required
@@ -309,15 +279,9 @@ label="Alignment"
       </div>
     </b-modal>
 
-    <div
-class="mb-3 row"
-v-if="dialogs.length > 0"
->
+    <div class="mb-3 row" v-if="dialogs.length > 0">
       <div class="col-6">
-        <b-form-input
-v-model="filter"
-placeholder="Search NPC scripts..."
-/>
+        <b-form-input v-model="filter" placeholder="Search NPC scripts..." />
       </div>
 
       <div class="col-6">
@@ -344,11 +308,7 @@ placeholder="Search NPC scripts..."
       @filtered="onFiltered"
     >
       <template #head(actions)>
-        <b-button
-size="sm"
-variant="success"
-@click="openModal()"
->
+        <b-button size="sm" variant="success" @click="openModal()">
           Add
         </b-button>
       </template>
@@ -380,11 +340,7 @@ variant="success"
           Edit
         </b-button>
 
-        <b-button
-size="sm"
-variant="danger"
-@click="remove(data.item)"
->
+        <b-button size="sm" variant="danger" @click="remove(data.item)">
           Remove
         </b-button>
       </template>
diff --git a/src/components/Droptables.vue b/src/components/Droptables.vue
index ebd6b46..243de8f 100644
--- a/src/components/Droptables.vue
+++ b/src/components/Droptables.vue
@@ -14,12 +14,9 @@
       v-if="items.length && maps.length && droptables.length === 0"
     >
       No Droptables
-      <br>
+      <br />
 
-      <b-button
-variant="primary"
-@click="openModal()"
->Add one</b-button>
+      <b-button variant="primary" @click="openModal()">Add one</b-button>
     </div>
 
     <b-modal
@@ -41,10 +38,7 @@ variant="primary"
         <b-form>
           <div class="row mt-3">
             <div class="col-6">
-              <b-form-group
-label-cols-md="3"
-label="Map"
->
+              <b-form-group label-cols-md="3" label="Map">
                 <b-form-select
                   v-model="droptable.mapName"
                   required
@@ -52,20 +46,13 @@ label="Map"
                 >
                   <option :value="''">Choose map (unselects region)</option>
 
-                  <option
-v-for="map in mapNames"
-:value="map"
-:key="map"
->
+                  <option v-for="map in mapNames" :value="map" :key="map">
                     {{ map }}
                   </option>
                 </b-form-select>
               </b-form-group>
 
-              <b-form-group
-label-cols-md="3"
-label="Region"
->
+              <b-form-group label-cols-md="3" label="Region">
                 <b-form-select
                   v-model="droptable.regionName"
                   required
@@ -83,14 +70,8 @@ label="Region"
                 </b-form-select>
               </b-form-group>
 
-              <b-form-group
-label-cols-md="3"
-label="Item"
->
-                <b-form-select
-v-model="droptable.result"
-required
->
+              <b-form-group label-cols-md="3" label="Item">
+                <b-form-select v-model="droptable.result" required>
                   <option :value="''">Choose item</option>
 
                   <option
@@ -103,10 +84,7 @@ required
                 </b-form-select>
               </b-form-group>
 
-              <b-form-group
-label-cols-md="3"
-label="Chance to Drop (1/x)"
->
+              <b-form-group label-cols-md="3" label="Chance to Drop (1/x)">
                 <b-form-input
                   type="number"
                   v-model="droptable.maxChance"
@@ -140,15 +118,9 @@ label="Chance to Drop (1/x)"
       </div>
     </b-modal>
 
-    <div
-class="mb-3 row"
-v-if="droptables.length > 0"
->
+    <div class="mb-3 row" v-if="droptables.length > 0">
       <div class="col-6">
-        <b-form-input
-v-model="filter"
-placeholder="Search droptables..."
-/>
+        <b-form-input v-model="filter" placeholder="Search droptables..." />
       </div>
 
       <div class="col-6">
@@ -175,11 +147,7 @@ placeholder="Search droptables..."
       @filtered="onFiltered"
     >
       <template #head(actions)>
-        <b-button
-size="sm"
-variant="success"
-@click="openModal()"
->
+        <b-button size="sm" variant="success" @click="openModal()">
           Add
         </b-button>
       </template>
@@ -205,11 +173,7 @@ variant="success"
           Edit
         </b-button>
 
-        <b-button
-size="sm"
-variant="danger"
-@click="remove(data.item)"
->
+        <b-button size="sm" variant="danger" @click="remove(data.item)">
           Remove
         </b-button>
       </template>
diff --git a/src/components/Quests.vue b/src/components/Quests.vue
index b1d253c..9479fb9 100644
--- a/src/components/Quests.vue
+++ b/src/components/Quests.vue
@@ -1,16 +1,10 @@
 <template>
   <div>
-    <div
-class="true-center blank-slate"
-v-if="quests.length === 0"
->
+    <div class="true-center blank-slate" v-if="quests.length === 0">
       No Quests
-      <br>
+      <br />
 
-      <b-button
-variant="primary"
-@click="openModal()"
->Add one</b-button>
+      <b-button variant="primary" @click="openModal()">Add one</b-button>
     </div>
 
     <b-modal
@@ -32,10 +26,7 @@ variant="primary"
         <b-form>
           <div class="row mt-3">
             <div class="col-4">
-              <b-form-group
-label-cols-md="3"
-label="Name"
->
+              <b-form-group label-cols-md="3" label="Name">
                 <b-form-input
                   type="text"
                   v-model="quest.name"
@@ -44,10 +35,7 @@ label="Name"
                 />
               </b-form-group>
 
-              <b-form-group
-label-cols-md="3"
-label="Desc"
->
+              <b-form-group label-cols-md="3" label="Desc">
                 <b-form-input
                   type="text"
                   v-model="quest.desc"
@@ -56,10 +44,7 @@ label="Desc"
                 />
               </b-form-group>
 
-              <b-form-group
-label-cols-md="3"
-label="Giver"
->
+              <b-form-group label-cols-md="3" label="Giver">
                 <b-form-input
                   type="text"
                   v-model="quest.giver"
@@ -74,10 +59,7 @@ label="Giver"
                   class="col-md-4 offset-md-3"
                   @input="makeSureDailyRepeatableSet('daily')"
                 >
-                  <span
-v-b-tooltip.hover
-title="Quest can be done daily"
->
+                  <span v-b-tooltip.hover title="Quest can be done daily">
                     Daily
                   </span>
                 </b-form-checkbox>
@@ -98,10 +80,7 @@ title="Quest can be done daily"
             </div>
 
             <div class="col-4">
-              <b-form-group
-label-cols-md="3"
-label="Quest Type"
->
+              <b-form-group label-cols-md="3" label="Quest Type">
                 <b-form-select
                   v-model="quest.requirements.type"
                   required
@@ -110,10 +89,7 @@ label="Quest Type"
               </b-form-group>
 
               <div v-if="quest.requirements.type === 'kill'">
-                <b-form-group
-label-cols-md="3"
-label="Kills"
->
+                <b-form-group label-cols-md="3" label="Kills">
                   <b-form-input
                     type="number"
                     v-model="quest.requirements.killsRequired"
@@ -146,10 +122,7 @@ label="Kills"
                   </div>
 
                   <div class="col-3">
-                    <b-button
-variant="danger"
-@click="removeKillNPC(index)"
->
+                    <b-button variant="danger" @click="removeKillNPC(index)">
                       Del
                     </b-button>
                   </div>
@@ -166,10 +139,7 @@ variant="danger"
               </div>
 
               <div v-if="quest.requirements.type === 'count'">
-                <b-form-group
-label-cols-md="3"
-label="Count"
->
+                <b-form-group label-cols-md="3" label="Count">
                   <b-form-input
                     type="number"
                     v-model="quest.requirements.countRequired"
@@ -180,10 +150,7 @@ label="Count"
               </div>
 
               <div v-if="quest.requirements.type === 'array'">
-                <b-form-group
-label-cols-md="3"
-label="Size"
->
+                <b-form-group label-cols-md="3" label="Size">
                   <b-form-input
                     type="number"
                     v-model="quest.requirements.itemsRequired"
@@ -249,10 +216,7 @@ label="Size"
                   v-if="reward.type !== 'reputation' && reward.type !== 'stat'"
                 />
 
-                <div
-class="col-5"
-v-if="reward.type === 'reputation'"
->
+                <div class="col-5" v-if="reward.type === 'reputation'">
                   <b-form-group>
                     <b-form-select
                       v-model="reward.statName"
@@ -273,10 +237,7 @@ v-if="reward.type === 'reputation'"
                   </b-form-group>
                 </div>
 
-                <div
-class="col-5"
-v-if="reward.type === 'stat'"
->
+                <div class="col-5" v-if="reward.type === 'stat'">
                   <stat-selector
                     v-model="reward.statName"
                     @change="reward.statName = $event"
@@ -284,10 +245,7 @@ v-if="reward.type === 'stat'"
                 </div>
 
                 <div class="col-3">
-                  <b-button
-variant="danger"
-@click="removeReward(index)"
->
+                  <b-button variant="danger" @click="removeReward(index)">
                     Del
                   </b-button>
                 </div>
@@ -298,15 +256,9 @@ variant="danger"
       </div>
     </b-modal>
 
-    <div
-class="mb-3 row"
-v-if="quests.length > 0"
->
+    <div class="mb-3 row" v-if="quests.length > 0">
       <div class="col-6">
-        <b-form-input
-v-model="filter"
-placeholder="Search quests..."
-/>
+        <b-form-input v-model="filter" placeholder="Search quests..." />
       </div>
 
       <div class="col-6">
@@ -333,11 +285,7 @@ placeholder="Search quests..."
       @filtered="onFiltered"
     >
       <template #head(actions)>
-        <b-button
-size="sm"
-variant="success"
-@click="openModal()"
->
+        <b-button size="sm" variant="success" @click="openModal()">
           Add
         </b-button>
       </template>
@@ -381,11 +329,7 @@ variant="success"
           Edit
         </b-button>
 
-        <b-button
-size="sm"
-variant="danger"
-@click="remove(data.item)"
->
+        <b-button size="sm" variant="danger" @click="remove(data.item)">
           Remove
         </b-button>
       </template>
diff --git a/src/components/Recipes.vue b/src/components/Recipes.vue
index 1bc84e7..76cd339 100644
--- a/src/components/Recipes.vue
+++ b/src/components/Recipes.vue
@@ -12,12 +12,9 @@
       v-if="items.length && recipes.length === 0"
     >
       No Recipes
-      <br>
+      <br />
 
-      <b-button
-variant="primary"
-@click="openModal()"
->Add one</b-button>
+      <b-button variant="primary" @click="openModal()">Add one</b-button>
     </div>
 
     <b-modal
@@ -39,10 +36,7 @@ variant="primary"
         <b-form>
           <div class="row mt-3">
             <div class="col-4">
-              <b-form-group
-label-cols-md="3"
-label="Name"
->
+              <b-form-group label-cols-md="3" label="Name">
                 <b-form-input
                   type="text"
                   v-model="recipe.name"
@@ -51,14 +45,8 @@ label="Name"
                 />
               </b-form-group>
 
-              <b-form-group
-label-cols-md="3"
-label="Item"
->
-                <b-form-select
-v-model="recipe.item"
-required
->
+              <b-form-group label-cols-md="3" label="Item">
+                <b-form-select v-model="recipe.item" required>
                   <option :value="''">Choose result item</option>
 
                   <option
@@ -71,30 +59,17 @@ required
                 </b-form-select>
               </b-form-group>
 
-              <b-form-group
-label-cols-md="3"
-label="Tradeskill"
->
-                <b-form-select
-v-model="recipe.recipeType"
-required
->
+              <b-form-group label-cols-md="3" label="Tradeskill">
+                <b-form-select v-model="recipe.recipeType" required>
                   <option :value="''">Choose tradeskill</option>
 
-                  <option
-v-for="ts in recipeTypes"
-:value="ts"
-:key="ts"
->
+                  <option v-for="ts in recipeTypes" :value="ts" :key="ts">
                     {{ ts }}
                   </option>
                 </b-form-select>
               </b-form-group>
 
-              <b-form-group
-label-cols-md="3"
-label="Category"
->
+              <b-form-group label-cols-md="3" label="Category">
                 <b-form-input
                   type="text"
                   v-model="recipe.category"
@@ -103,11 +78,7 @@ label="Category"
                 />
               </b-form-group>
 
-              <b-form-group
-label-cols-md="3"
-label="Min Skill"
-class="multi"
->
+              <b-form-group label-cols-md="3" label="Min Skill" class="multi">
                 <b-form-input
                   type="number"
                   v-model="recipe.requireSkill"
@@ -127,11 +98,7 @@ class="multi"
                 />
               </b-form-group>
 
-              <b-form-group
-label-cols-md="3"
-label="Skill+"
-class="multi"
->
+              <b-form-group label-cols-md="3" label="Skill+" class="multi">
                 <b-form-input
                   type="number"
                   v-model="recipe.skillGained"
@@ -224,10 +191,7 @@ class="multi"
             </div>
 
             <div class="col-4">
-              <div
-v-for="n in 2"
-:key="n"
->
+              <div v-for="n in 2" :key="n">
                 <div v-if="recipe.ozIngredients[n - 1]">
                   <b-form-group
                     label-cols-md="3"
@@ -248,10 +212,7 @@ v-for="n in 2"
                     :mod-items="items"
                   />
 
-                  <b-form-group
-label-cols-md="3"
-:label="'#' + n + ' Ounces'"
->
+                  <b-form-group label-cols-md="3" :label="'#' + n + ' Ounces'">
                     <b-form-input
                       type="number"
                       v-model="recipe.ozIngredients[n - 1].ounces"
@@ -261,7 +222,7 @@ label-cols-md="3"
                     />
                   </b-form-group>
 
-                  <hr v-if="n !== 2">
+                  <hr v-if="n !== 2" />
                 </div>
               </div>
             </div>
@@ -270,15 +231,9 @@ label-cols-md="3"
       </div>
     </b-modal>
 
-    <div
-class="mb-3 row"
-v-if="recipes.length > 0"
->
+    <div class="mb-3 row" v-if="recipes.length > 0">
       <div class="col-6">
-        <b-form-input
-v-model="filter"
-placeholder="Search recipes..."
-/>
+        <b-form-input v-model="filter" placeholder="Search recipes..." />
       </div>
 
       <div class="col-6">
@@ -305,20 +260,13 @@ placeholder="Search recipes..."
       @filtered="onFiltered"
     >
       <template #head(actions)>
-        <b-button
-size="sm"
-variant="success"
-@click="openModal()"
->
+        <b-button size="sm" variant="success" @click="openModal()">
           Add
         </b-button>
       </template>
 
       <template #cell(ingredients)="data">
-        <div
-v-for="(item, index) in data.item.ingredients"
-:key="index"
->
+        <div v-for="(item, index) in data.item.ingredients" :key="index">
           {{ item }}
         </div>
       </template>
@@ -342,11 +290,7 @@ v-for="(item, index) in data.item.ingredients"
           Edit
         </b-button>
 
-        <b-button
-size="sm"
-variant="danger"
-@click="remove(data.item)"
->
+        <b-button size="sm" variant="danger" @click="remove(data.item)">
           Remove
         </b-button>
       </template>
diff --git a/src/components/Spawners.vue b/src/components/Spawners.vue
index b2fb9e1..89c4023 100644
--- a/src/components/Spawners.vue
+++ b/src/components/Spawners.vue
@@ -12,12 +12,9 @@
       v-if="npcs.length && spawners.length === 0"
     >
       No Spawners
-      <br>
+      <br />
 
-      <b-button
-variant="primary"
-@click="openModal()"
->Add one</b-button>
+      <b-button variant="primary" @click="openModal()">Add one</b-button>
     </div>
 
     <b-modal
@@ -39,10 +36,7 @@ variant="primary"
         <b-form>
           <div class="row mt-3">
             <div class="col-4">
-              <b-form-group
-label-cols-md="3"
-label="Tag"
->
+              <b-form-group label-cols-md="3" label="Tag">
                 <b-form-input
                   type="text"
                   v-model="spawner.tag"
@@ -50,10 +44,7 @@ label="Tag"
                 />
               </b-form-group>
 
-              <b-form-group
-label-cols-md="3"
-label="Respawn Rate (sec)"
->
+              <b-form-group label-cols-md="3" label="Respawn Rate (sec)">
                 <b-form-input
                   type="number"
                   v-model="spawner.respawnRate"
@@ -62,10 +53,7 @@ label="Respawn Rate (sec)"
                 />
               </b-form-group>
 
-              <b-form-group
-label-cols-md="3"
-label="Spawn Radius"
->
+              <b-form-group label-cols-md="3" label="Spawn Radius">
                 <b-form-input
                   type="number"
                   v-model="spawner.spawnRadius"
@@ -74,11 +62,7 @@ label="Spawn Radius"
                 />
               </b-form-group>
 
-              <b-form-group
-label-cols-md="3"
-label="Walk Radius"
-class="multi"
->
+              <b-form-group label-cols-md="3" label="Walk Radius" class="multi">
                 <b-form-input
                   type="number"
                   v-model="spawner.randomWalkRadius"
@@ -128,10 +112,7 @@ class="multi"
                 @change="spawner.requireHoliday = $event"
               />
 
-              <b-form-group
-label-cols-md="3"
-label="Elite Tick Cap"
->
+              <b-form-group label-cols-md="3" label="Elite Tick Cap">
                 <b-form-input
                   type="number"
                   v-model="spawner.eliteTickCap"
@@ -194,10 +175,7 @@ label="Elite Tick Cap"
                 </b-form-checkbox>
               </div>
 
-              <b-form-group
-label-cols-md="3"
-label="Paths"
->
+              <b-form-group label-cols-md="3" label="Paths">
                 <b-form-textarea
                   v-model="spawner._paths"
                   rows="4"
@@ -211,21 +189,13 @@ label="Paths"
               <div class="row mb-3">
                 <div class="col">
                   <div class="offset-md-3">
-                    <b-button
-variant="info"
-block
-@click="makeLair()"
->
+                    <b-button variant="info" block @click="makeLair()">
                       Make Lair-like Spawner
                     </b-button>
                   </div>
                 </div>
               </div>
-
-              <b-form-group
-label-cols-md="3"
-label="Attribute Add Chance"
->
+              <b-form-group label-cols-md="3" label="Attribute Add Chance">
                 <b-form-input
                   type="number"
                   v-model="spawner.attributeAddChance"
@@ -235,10 +205,7 @@ label="Attribute Add Chance"
                 />
               </b-form-group>
 
-              <b-form-group
-label-cols-md="3"
-label="Strip Radius"
->
+              <b-form-group label-cols-md="3" label="Strip Radius">
                 <b-form-input
                   type="number"
                   v-model="spawner.stripRadius"
@@ -247,11 +214,7 @@ label="Strip Radius"
                 />
               </b-form-group>
 
-              <b-form-group
-label-cols-md="3"
-label="Strip X"
-class="multi"
->
+              <b-form-group label-cols-md="3" label="Strip X" class="multi">
                 <b-form-input
                   type="number"
                   v-model="spawner.stripX"
@@ -273,10 +236,7 @@ class="multi"
                 />
               </b-form-group>
 
-              <b-form-group
-label-cols-md="3"
-label="Eat Tier"
->
+              <b-form-group label-cols-md="3" label="Eat Tier">
                 <b-form-input
                   type="number"
                   v-model="spawner.shouldEatTier"
@@ -340,10 +300,7 @@ label="Eat Tier"
                 </div>
 
                 <div class="col-3">
-                  <b-button
-variant="primary"
-@click="addNPC(currentAddNPC)"
->
+                  <b-button variant="primary" @click="addNPC(currentAddNPC)">
                     Add
                   </b-button>
                 </div>
@@ -372,10 +329,7 @@ variant="primary"
                 </div>
 
                 <div class="col-2">
-                  <b-button
-variant="danger"
-@click="removeNPC(index)"
->
+                  <b-button variant="danger" @click="removeNPC(index)">
                     Del
                   </b-button>
                 </div>
@@ -386,15 +340,9 @@ variant="danger"
       </div>
     </b-modal>
 
-    <div
-class="mb-3 row"
-v-if="spawners.length > 0"
->
+    <div class="mb-3 row" v-if="spawners.length > 0">
       <div class="col-6">
-        <b-form-input
-v-model="filter"
-placeholder="Search spawners..."
-/>
+        <b-form-input v-model="filter" placeholder="Search spawners..." />
       </div>
 
       <div class="col-6">
@@ -421,11 +369,7 @@ placeholder="Search spawners..."
       @filtered="onFiltered"
     >
       <template #head(actions)>
-        <b-button
-size="sm"
-variant="success"
-@click="openModal()"
->
+        <b-button size="sm" variant="success" @click="openModal()">
           Add
         </b-button>
       </template>
@@ -439,10 +383,7 @@ variant="success"
       </template>
 
       <template #cell(npcIds)="data">
-        <div
-v-for="(item, index) in data.item.npcIds"
-:key="index"
->
+        <div v-for="(item, index) in data.item.npcIds" :key="index">
           {{ item.result }}
         </div>
       </template>
@@ -466,11 +407,7 @@ v-for="(item, index) in data.item.npcIds"
           Edit
         </b-button>
 
-        <b-button
-size="sm"
-variant="danger"
-@click="remove(data.item)"
->
+        <b-button size="sm" variant="danger" @click="remove(data.item)">
           Remove
         </b-button>
       </template>
diff --git a/src/components/simple/ModTester.vue b/src/components/simple/ModTester.vue
index c111541..63f0142 100644
--- a/src/components/simple/ModTester.vue
+++ b/src/components/simple/ModTester.vue
@@ -20,9 +20,11 @@
             <strong>
               Extra Character Settings
               <span
-v-b-tooltip.hover
-title="If your JSON is not well-formed, you cannot run the test."
->{{ validOtherProps ? '✅' : '🚫' }}</span>
+                v-b-tooltip.hover
+                title="If your JSON is not well-formed, you cannot run the test."
+              >
+                {{ validOtherProps ? '✅' : '🚫' }}
+              </span>
             </strong>
           </div>
         </div>
@@ -30,13 +32,9 @@ title="If your JSON is not well-formed, you cannot run the test."
         <div class="row mb-3">
           <div class="col-6">
             <b-form>
-
               <div class="row">
                 <div class="col">
-                  <b-form-group
-label-cols-md="3"
-label="Level"
->
+                  <b-form-group label-cols-md="3" label="Level">
                     <b-form-input
                       type="text"
                       v-model="settings.level"
@@ -45,13 +43,10 @@ label="Level"
                   </b-form-group>
                 </div>
               </div>
-              
+
               <div class="row">
                 <div class="col">
-                  <b-form-group
-label-cols-md="3"
-label="Map"
->
+                  <b-form-group label-cols-md="3" label="Map">
                     <b-form-input
                       type="text"
                       v-model="settings.map"
@@ -60,13 +55,10 @@ label="Map"
                   </b-form-group>
                 </div>
               </div>
-              
+
               <div class="row">
                 <div class="col">
-                  <b-form-group
-label-cols-md="3"
-label="Map X"
->
+                  <b-form-group label-cols-md="3" label="Map X">
                     <b-form-input
                       type="text"
                       v-model="settings.x"
@@ -75,13 +67,10 @@ label="Map X"
                   </b-form-group>
                 </div>
               </div>
-              
+
               <div class="row">
                 <div class="col">
-                  <b-form-group
-label-cols-md="3"
-label="Map Y"
->
+                  <b-form-group label-cols-md="3" label="Map Y">
                     <b-form-input
                       type="text"
                       v-model="settings.y"
@@ -99,47 +88,46 @@ label="Map Y"
                   <span
                     v-b-tooltip.hover
                     title="If checked, will open the web client to your local server."
-                  >Open Client?</span>
+                  >
+                    Open Client?
+                  </span>
                 </b-form-checkbox>
               </div>
-
             </b-form>
           </div>
 
           <div class="col-6">
             <prism-editor
-class="code-editor"
-v-model="settings.otherProps"
-:highlight="highlighter"
-line-numbers
-/>
+              class="code-editor"
+              v-model="settings.otherProps"
+              :highlight="highlighter"
+              line-numbers
+            />
           </div>
         </div>
 
-        <div
-class="row my-3"
-v-if="numErrors > 0"
->
+        <div class="row my-3" v-if="numErrors > 0">
           <div class="col-12 text-danger text-center">
-            Your mod has {{ numErrors }} error(s). Check Menu > Validate Mod for more info.
+            Your mod has {{ numErrors }} error(s). Check Menu > Validate Mod for
+            more info.
           </div>
         </div>
 
         <div class="row">
           <div class="col-8">
             <b-button
-block
-variant="primary"
-@click="testMod()"
-:disabled="!validOtherProps || !validTestProps || numErrors > 0"
->Test Mod!</b-button>
+              block
+              variant="primary"
+              @click="testMod()"
+              :disabled="!validOtherProps || !validTestProps || numErrors > 0"
+            >
+              Test Mod!
+            </b-button>
           </div>
           <div class="col-4">
-            <b-button
-block
-variant="danger"
-@click="killMod()"
->Kill LotR/MongoDB</b-button>
+            <b-button block variant="danger" @click="killMod()">
+              Kill LotR/MongoDB
+            </b-button>
           </div>
         </div>
       </div>
@@ -172,8 +160,8 @@ export default {
         x: 0,
         y: 0,
         openClient: true,
-        otherProps: '{\n  \n}'
-      }
+        otherProps: '{\n  \n}',
+      },
     };
   },
 
@@ -183,12 +171,17 @@ export default {
 
   computed: {
     numErrors() {
-      if(!this.mod) return 0;
+      if (!this.mod) return 0;
       return numErrorsForMod(this.mod);
     },
 
     validTestProps() {
-      return this.settings.level > 0 && this.settings.map && this.settings.x > 0 && this.settings.y > 0;
+      return (
+        this.settings.level > 0 &&
+        this.settings.map &&
+        this.settings.x > 0 &&
+        this.settings.y > 0
+      );
     },
 
     validOtherProps() {
@@ -198,7 +191,7 @@ export default {
       } catch {
         return false;
       }
-    }
+    },
   },
 
   methods: {
@@ -216,10 +209,15 @@ export default {
         map: this.settings.map,
         x: +this.settings.x,
         y: +this.settings.y,
-        ...JSON.parse(this.settings.otherProps)
+        ...JSON.parse(this.settings.otherProps),
       });
 
-      window.api.send('TEST_MOD', { mod: this.mod, map: this.settings.map, settings, openClient: this.settings.openClient });
+      window.api.send('TEST_MOD', {
+        mod: this.mod,
+        map: this.settings.map,
+        settings,
+        openClient: this.settings.openClient,
+      });
 
       this.persist();
     },
@@ -230,7 +228,7 @@ export default {
 
     async loadSettings() {
       const settings = await localforage.getItem('modtestsettings');
-      if(settings) {
+      if (settings) {
         try {
           this.settings = JSON.parse(settings);
         } catch {
@@ -240,7 +238,7 @@ export default {
             x: 0,
             y: 0,
             openClient: true,
-            otherProps: '{\n  \n}'
+            otherProps: '{\n  \n}',
           };
         }
       }
@@ -248,13 +246,13 @@ export default {
 
     persist() {
       localforage.setItem('modtestsettings', JSON.stringify(this.settings));
-    }
-  }
+    },
+  },
 };
 </script>
 
 <style scoped>
-  .code-editor {
-    max-height: 240px;
-  }
+.code-editor {
+  max-height: 240px;
+}
 </style>