Merge pull request #667 from citation-file-format/656-error-msg

adding check for minimum CFF in Preview

Author: recap

src/components/Preview.vue

@@ -36,7 +36,16 @@
         wrap="hard"
     />
     <div class="validation-msg">
-        <p v-bind:class="isValidCFF ? '' : 'invalid'">
+        <p
+            v-if="doesNotHaveRequiredFields"
+            class="invalid"
+        >
+            Your CITATION.cff does not have the minimum fields
+        </p>
+        <p
+            v-else
+            v-bind:class="isValidCFF ? '' : 'invalid'"
+        >
             Your CITATION.cff is {{ isValidCFF ? "valid" : "not valid" }}
         </p>
     </div>
@@ -66,6 +75,9 @@ export default defineComponent({
         return {
             cffstr,
             copyToClipboard,
+            doesNotHaveRequiredFields: computed(() => errors.value
+                .map((v) => v.instancePath)
+                .some((i) => i.includes('title') || i.includes('authors') || i.includes('message'))),
             isValidCFF: computed(() => errors.value.length === 0),
             showTooltip
         }