select minimum of 3 interests

Author: supalarry

frontend/src/components/app/onboarding/MultipleChoice.vue

@@ -14,11 +14,11 @@
       </SelectionButton>
     </div>
     <button
-      v-bind:disabled="!optionSelected.length"
+      v-bind:disabled="!minimumSelectionsMade"
       v-bind:class="{
         'onboarding-sub-container-slide-button': true,
-        'opacity-25': !optionSelected.length,
-        'cursor-default': !optionSelected.length}"
+        'opacity-25': !minimumSelectionsMade,
+        'cursor-default': !minimumSelectionsMade}"
       v-on:click="saveInput()">
       {{slide.buttonText}}
     </button>
@@ -60,6 +60,9 @@ export default {
     canSelectMoreOptions() {
       return this.optionsSelectedCount < this.slide.maxOptionsForSelection;
     },
+    minimumSelectionsMade() {
+      return this.optionSelected.length >= this.slide.minOptionsForSelection;
+    },
   },
 };
 </script>

frontend/src/views/app/Onboarding.vue

@@ -42,6 +42,7 @@
         'Language exchange', 'Sports', 'Comdey', 'Fashion', 'Disney', 'Vlogging',
         'Astrology', 'Board Games', 'Craft Beer', 'Coffee', 'Writer',
       ],
+      minOptionsForSelection: 3,
       maxOptionsForSelection: 10,
       buttonText}"
       v-on:saveInput="saveInput"