WIP(dropdown): add placeholder text

website/client/src/components/group-plans/groupPlanCreationModal.vue

@@ -93,7 +93,6 @@
           :text="$t('groupUse')"
         />
         <select-translated-array
-          v-model="newGroup.demographics"
           :items="[
             'groupParentChildren',
             'groupCouple',
@@ -102,8 +101,8 @@
             'groupManager',
             'groupTeacher'
           ]"
-          :placeholder="$t('groupUseDefault')"
           class="group-input"
+          :placeholder="'groupUseDefault'"
           :value="newGroup.demographics"
           @select="newGroup.demographics = $event"
         />
@@ -261,36 +260,6 @@ export default {
     lockableLabel,
   },
   mixins: [paymentsMixin],
-  props: {
-    // groupUseDefault: {
-    //   type: String,
-    //   default: 'groupUseDefault',
-    // },
-    groupParentChildren: {
-      type: String,
-      default: 'groupParentChildren',
-    },
-    groupCouple: {
-      type: String,
-      default: 'groupCouple',
-    },
-    groupFriends: {
-      type: String,
-      default: 'groupFriends',
-    },
-    groupCoworkers: {
-      type: String,
-      default: 'groupCoworkers',
-    },
-    groupManager: {
-      type: String,
-      default: 'groupManager',
-    },
-    groupTeacher: {
-      type: String,
-      default: 'groupTeacher',
-    },
-  },
   data () {
     return {
       amazonPayments: {},

website/client/src/components/tasks/modal-controls/selectTranslatedArray.vue

@@ -9,6 +9,7 @@
       :right="right"
       :hide-icon="false"
       :inline-dropdown="inlineDropdown"
+      :placeholder="placeholder"
       @select="selectItem($event)"
     >
       <template v-slot:item="{ item }">
@@ -70,6 +71,9 @@ export default {
       type: Boolean,
       default: true,
     },
+    placeholder: {
+      type: String,
+    },
   },
   data () {
     return {

website/client/src/components/ui/selectList.vue

@@ -12,7 +12,7 @@
       <template v-slot:button-content>
         <slot
           name="item"
-          :item="selected"
+          :item="selected || placeholder"
           :button="true"
         >
           <!-- Fallback content -->
@@ -114,6 +114,9 @@ export default {
       type: Boolean,
       default: true,
     },
+    placeholder: {
+      type: String,
+    },
   },
   data () {
     return {