format before code

src/digital-components/textbox-question/textbox-question.vue

@@ -74,20 +74,20 @@ export default {
     props: {
         type: {
             type: String,
-            default: 'text'
+            default: 'text',
         },
         placeholderText: {
             type: String,
-            default: ''
+            default: '',
         },
         displayQuestionText: {
             type: Boolean,
-            default: true
+            default: true,
         },
         modelValue: String,
         inputId: {
             type: String,
-            required: true
+            required: true,
         },
         isDisabled: Boolean,
         isRequired: Boolean,
@@ -96,7 +96,7 @@ export default {
         hasError: Boolean,
         mask: {
             type: String,
-            default: ''
+            default: '',
         },
         validationRules: String,
         cmsWidgetName: String,
@@ -107,7 +107,7 @@ export default {
         includeSelectIcon: Boolean,
         min: String,
         max: String,
-        disableAutoFill: Boolean
+        disableAutoFill: Boolean,
     },
     emits: ['focus', 'update:modelValue', 'textboxQuestionEvent.inputIdAssigned'],
     setup(props) {
@@ -116,12 +116,12 @@ export default {
         let initialValue;
 
         switch (typeof modelValue) {
-        case 'number':
-            initialValue = modelValue;
-            break;
-        default:
-            initialValue = modelValue && modelValue.length > 0 ? modelValue : '';
-            break;
+            case 'number':
+                initialValue = modelValue;
+                break;
+            default:
+                initialValue = modelValue && modelValue.length > 0 ? modelValue : '';
+                break;
         }
 
         const fieldOptions = {
@@ -141,7 +141,7 @@ export default {
             handleChange,
             validate,
             meta,
-            errors
+            errors,
         };
     },
     computed: {
@@ -154,7 +154,7 @@ export default {
             },
             set(newValue) {
                 this.$emit('update:modelValue', newValue);
-            }
+            },
         },
         labelText: {
             get() {
@@ -167,7 +167,7 @@ export default {
                         word = [
                             word.toString().slice(0, position),
                             noBreakChar,
-                            word.toString().slice(position)
+                            word.toString().slice(position),
                         ].join('');
                         questionText += `${word} `;
                     });
@@ -178,8 +178,8 @@ export default {
                 }
 
                 return questionText;
-            }
-        }
+            },
+        },
     },
     watch: {
         async value(newValue) {
@@ -217,7 +217,7 @@ input[type="date"]::-webkit-inner-spin-button {
     display: none;
 }
 
-input[type="date"]::-webkit-calendar-picker-indicator {
+input[type='date']::-webkit-calendar-picker-indicator {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
@@ -256,10 +256,10 @@ input[type="date"]::-webkit-calendar-picker-indicator {
     .input-wrapper {
         position: relative;
         &.has-search-icon {
-            input[type="text"] {
+            input[type='text'] {
                 border-radius: 50rem;
             }
-            button[type="submit"] {
+            button[type='submit'] {
                 position: absolute;
                 top: 50%;
                 transform: translateY(-50%);
@@ -277,7 +277,7 @@ input[type="date"]::-webkit-calendar-picker-indicator {
             }
         }
         &.has-select-icon {
-            button[type="submit"] {
+            button[type='submit'] {
                 position: absolute;
                 top: 50%;
                 transform: translateY(-50%);