Removed slotFillers from every part of the app

app/imports/client/ui/properties/forms/FolderForm.vue

@@ -1,54 +1,59 @@
 <template lang="html">
   <div class="folder-form">
-    <div class="layout wrap">
-      <form-sections type="folder">
-        <form-section name="Grouping">
-          <smart-switch
-            label="Group children on a card"
-            :value="model.groupStats"
-            :error-messages="errors.groupStats"
-            @change="change('groupStats', ...arguments)"
-          />
-          <v-expand-transition>
-            <div v-if="model.groupStats">
-              <smart-switch
-                label="Hide children from their default locations"
-                :value="model.hideStatsGroup"
-                :error-messages="errors.hideStatsGroup"
-                @change="change('hideStatsGroup', ...arguments)"
-              />
-              <smart-select
-                clearable
-                label="Tab"
-                :items="[
-                  { text: 'Stats Tab', value: 'stats' },
-                  { text: 'Features Tab', value: 'features' },
-                  { text: 'Actions Tab', value: 'actions' },
-                  { text: 'Spells Tab', value: 'spells' },
-                  { text: 'Inventory Tab', value: 'inventory' },
-                  { text: 'Journal Tab', value: 'journal' },
-                  { text: 'Build Tab', value: 'build' },
-                ]"
-                :value="model.tab"
-                :error-messages="errors.tab"
-                :menu-props="{auto: true, lazy: true}"
-                @change="changeTab('tab', ...arguments)"
-              />
-              <smart-select
-                clearable
-                label="Location"
-                :items="locationItems"
-                :value="model.location"
-                :error-messages="errors.location"
-                :menu-props="{auto: true, lazy: true}"
-                @change="change('location', ...arguments)"
-              />
-            </div>
-          </v-expand-transition>
-        </form-section>
-        <slot />
-      </form-sections>
-    </div>
+    <inline-computation-field
+      label="Description"
+      :model="model.description"
+      :error-messages="errors['description.text']"
+      @change="({path, value, ack}) =>
+        $emit('change', {path: ['description', ...path], value, ack})"
+    />
+    <form-sections type="folder">
+      <form-section name="Grouping">
+        <smart-switch
+          label="Group children on a card"
+          :value="model.groupStats"
+          :error-messages="errors.groupStats"
+          @change="change('groupStats', ...arguments)"
+        />
+        <v-expand-transition>
+          <div v-if="model.groupStats">
+            <smart-switch
+              label="Hide children from their default locations"
+              :value="model.hideStatsGroup"
+              :error-messages="errors.hideStatsGroup"
+              @change="change('hideStatsGroup', ...arguments)"
+            />
+            <smart-select
+              clearable
+              label="Tab"
+              :items="[
+                { text: 'Stats Tab', value: 'stats' },
+                { text: 'Features Tab', value: 'features' },
+                { text: 'Actions Tab', value: 'actions' },
+                { text: 'Spells Tab', value: 'spells' },
+                { text: 'Inventory Tab', value: 'inventory' },
+                { text: 'Journal Tab', value: 'journal' },
+                { text: 'Build Tab', value: 'build' },
+              ]"
+              :value="model.tab"
+              :error-messages="errors.tab"
+              :menu-props="{auto: true, lazy: true}"
+              @change="changeTab('tab', ...arguments)"
+            />
+            <smart-select
+              clearable
+              label="Location"
+              :items="locationItems"
+              :value="model.location"
+              :error-messages="errors.location"
+              :menu-props="{auto: true, lazy: true}"
+              @change="change('location', ...arguments)"
+            />
+          </div>
+        </v-expand-transition>
+      </form-section>
+      <slot />
+    </form-sections>
   </div>
 </template>
 

app/imports/client/ui/properties/forms/SlotFillerForm.vue

@@ -1,24 +0,0 @@
-<template lang="html">
-  <div class="slot-filler-form">
-    <text-area
-      label="Description"
-      :value="model.description"
-      :error-messages="errors['description.text']"
-      @change="change('description', ...arguments)"
-    />
-    <form-sections
-      v-if="$slots.default"
-      type="slotFiller"
-    >
-      <slot />
-    </form-sections>
-  </div>
-</template>
-
-<script lang="js">
-import propertyFormMixin from '/imports/client/ui/properties/forms/shared/propertyFormMixin.js';
-
-export default {
-  mixins: [propertyFormMixin],
-};
-</script>

app/imports/client/ui/properties/forms/shared/propertyFormIndex.js

@@ -22,7 +22,6 @@ import RollForm from '/imports/client/ui/properties/forms/RollForm.vue';
 import SavingThrowForm from '/imports/client/ui/properties/forms/SavingThrowForm.vue';
 import SkillForm from '/imports/client/ui/properties/forms/SkillForm.vue';
 import SlotForm from '/imports/client/ui/properties/forms/SlotForm.vue';
-import SlotFillerForm from '/imports/client/ui/properties/forms/SlotFillerForm.vue';
 import SpellListForm from '/imports/client/ui/properties/forms/SpellListForm.vue';
 import SpellForm from '/imports/client/ui/properties/forms/SpellForm.vue';
 import ToggleForm from '/imports/client/ui/properties/forms/ToggleForm.vue';
@@ -53,7 +52,6 @@ export default {
   roll: RollForm,
   savingThrow: SavingThrowForm,
   skill: SkillForm,
-  slotFiller: SlotFillerForm,
   spellList: SpellListForm,
   spell: SpellForm,
   toggle: ToggleForm,