Fix console error.

src/ux-components/list-card/list-card.vue

@@ -1,32 +1,32 @@
 <template>
   <div :class="'col' + colLength">
-    <div class="list-card w-100 rounded-3 d-flex align-items-center h-100" 
+    <div class="list-card w-100 rounded-3 d-flex align-items-center h-100"
-    :class="isWide ? 'horizontal' : ''" 
+    :class="isWide ? 'horizontal' : ''"
-    @mouseup="handleChange(value)" 
+    @mouseup="handleChange(value)"
     @keyup.space="handleChange(value)">
-      <input 
+      <input
-        :type="isMultiSelect ? 'checkbox' : 'radio'" 
+        :type="isMultiSelect ? 'checkbox' : 'radio'"
-        :id="buttonID" 
+        :id="buttonID"
-        :name="groupName" 
+        :name="groupName"
-        :value="buttonID" 
+        :value="buttonID"
-        :aria-required="isRequired" 
+        :aria-required="isRequired"
-        :data-focus-target="groupName" 
+        :data-focus-target="groupName"
         v-model="checkValue"
        />
-      <label 
+      <label
-        :for="buttonID" 
+        :for="buttonID"
-        class="d-flex w-100 align-items-center px-2 h-100" 
+        class="d-flex w-100 align-items-center px-2 h-100"
         :class="getLabelClasses" tabindex="-1"
       >
-        <img 
+        <img
-          :id="buttonImageId" 
+          :id="buttonImageId"
-          :class="!isWide ? 'order-1' : 'ms-auto order-3'" 
+          :class="!isWide ? 'order-1' : 'ms-auto order-3'"
-          :src="buttonImage" 
+          :src="buttonImage"
           :alt="altText"
          />
-        <p 
+        <p
-          v-if="!isWide" 
+          v-if="!isWide"
-          class="small order-3" 
+          class="small order-3"
           :class="isMultiSelect ? 'm-0' : 'mt-2 mb-0'"
         >
           {{buttonLabel}}
@@ -78,7 +78,7 @@ export default {
     }
   },
   created(){
-    this.checkValue = this.modelValue.includes(this.buttonID);
+    this.checkValue = this.modelValue ? this.modelValue.includes(this.buttonID) : false;
   },
   computed: {
     getLabelClasses() {