Vue Errors when v-model and value are both specified in FormElement.vue.

[jmchilton]

FormElement.vue has some low hanging fruit that I can fix, but we have a few component calls where we specified both :value and v-model. I can see why vue-tsc would call this an error - I'm actually not sure why this works at all but clearly it does. The vue-tsc error is An object literal cannot have multiple properties with the same name..

Some reading is here:

• "An object literal cannot have multiple properties with the same name" error with b-form-checkbox vuejs/language-tools#1969

There is an interesting comment probably related in that file.

/** TODO: remove attrs computed.
 useAttrs is *not* reactive, and does not play nice with type safety.
 It is present for compatibility with the legacy "FormParameter" component,
 but should be removed as soon as that component is removed.
 */
const attrs: ComputedRef<FormParameterAttributes> = computed(() => props.attributes || useAttrs());

The places where we are hitting this error we are using attrs as the value.

[jmchilton]

CopyModal.vue has another instance of this.

                <BFormGroup label="Choose which datasets from the original history to include.">
                    <BFormRadio v-model="copyAll" :value="false">
                        Copy only the active, non-deleted datasets.
                    </BFormRadio>

                    <BFormRadio v-model="copyAll" :value="true"> Copy all datasets including deleted ones. </BFormRadio>
                </BFormGroup>