Merge pull request #355 from citation-file-format/346-license-validation

improve license field on license screen

Author: fdiblen

src/components/ScreenLicense.vue

@@ -16,14 +16,15 @@
             <q-select
                 bg-color="white"
                 label="license"
+                clearable
                 outlined
                 standout
                 use-input
                 v-bind:model-value="license"
                 v-bind:options="options"
                 v-bind:error="false"
                 v-bind:error-message="''"
-                v-on:filter="filterFn"
+                v-on:filter="licenseFilterFunction"
                 v-on:update:model-value="setLicense"
             />
         </div>
@@ -48,17 +49,16 @@ export default defineComponent({
         StepperActions
     },
     setup () {
-        const cff = useCff()
+        const { license, setLicense } = useCff()
         const licenses = schema.definitions['license-enum'].enum
         const options = ref(licenses)
 
         return {
-            license: cff.license,
-            licenses: licenses,
+            license,
+            licenses,
             options,
-            setLicense: cff.setLicense,
-
-            filterFn (val: string, update: (a:unknown) => void) {
+            setLicense,
+            licenseFilterFunction (val: string, update: (a: unknown) => void) {
                 if (val === '') {
                     update(() => {
                         options.value = licenses

src/store/cffstr.ts

@@ -30,7 +30,7 @@ export function useCffstr () {
     } = useCff()
 
     const notEmpty = (value: unknown, prop: unknown, subject: unknown) => {
-        return value !== undefined
+        return value !== undefined && value !== null
     }
 
     const makeJavascriptObject = () => {