fix groups with a null option

Author: fergusean

demo/components/demo-vf-smart-select.vue

@@ -7,7 +7,7 @@
         </div>
 
         <div>
-            <VfSmartSelect v-model="selectedOption" :options="options" label-field="label" group-field="group" />
+            <VfSmartSelect v-model="selectedOption" :options="options" label-field="label" group-field="group" null-title="No selection" />
 
             Selected value: {{ selectedOption?.label ?? '-' }}
         </div>

package.json

@@ -1,7 +1,7 @@
 {
     "name": "@signal24/vue-foundation",
     "type": "module",
-    "version": "4.25.0",
+    "version": "4.25.1",
     "description": "Common components, directives, and helpers for Vue 3 apps",
     "module": "./dist/vue-foundation.es.js",
     "exports": {

src/components/vf-smart-select.vue

@@ -227,7 +227,7 @@ const effectiveOptions = computed(() => {
 });
 
 const groupedOptions = computed(() => {
-    if (!effectiveOptions.value[0]?.group) {
+    if (!isGrouped.value) {
         return [
             {
                 groupTitle: '',
@@ -237,7 +237,7 @@ const groupedOptions = computed(() => {
     }
 
     const groupTitles = uniq(effectiveOptions.value.map(option => option.group ?? ''));
-    const groupedOptions = groupBy(effectiveOptions.value, option => option.group);
+    const groupedOptions = groupBy(effectiveOptions.value, option => option.group ?? '');
     return groupTitles.map(groupTitle => ({
         groupTitle,
         options: groupedOptions[groupTitle!]