add eslint working conf

resources/js/components/TextAreaField.vue

@@ -1,67 +1,74 @@
 <template>
     <div class="relative mb-2">
         <label v-if="label" :for="name" class="pb-1">{{ label }}</label>
-        <textarea :id="name" type="text" v-model="value" :placeholder="placeholder" @input="updateField()" :class="errorClassObject()" class="w-full h-64 rounded p-2">{{ data }}</textarea>
+        <textarea :id="name"
+                  type="text"
+                  v-model="value"
+                  :placeholder="placeholder"
+                  @input="updateField()"
+                  :class="errorClassObject()"
+                  class="w-full h-64 rounded p-2">
+        </textarea>
         <p class="text-red-600 m-0" v-text="errorMessage()">Error Here</p>
     </div>
 </template>
 
 <script>
-    export default {
-        name: "TextAreaField",
-        props: {
-            name: {
-                type: String,
-                required: true
-            },
-            type: {
-                type: String,
-                default: 'text'
-            },
-            label:  String,
-            placeholder: String,
-            required: {
-                type: Boolean,
-                default: false
-            },
-            errors: Object,
-            data: String,
+export default {
+    name: 'TextAreaField',
+    props: {
+        name: {
+            type: String,
+            required: true
         },
-        data: function () {
+        type: {
+            type: String,
+            default: 'text'
+        },
+        label:  String,
+        placeholder: String,
+        required: {
+            type: Boolean,
+            default: false
+        },
+        errors: Object,
+        data: String,
+    },
+    data: function () {
+        return {
+            value: ''
+        }
+    },
+    computed: {
+        hasError: function () {
+            return this.required && this.errors && this.errors[this.name] && this.errors[this.name].length > 0
+        }
+    },
+    methods: {
+        updateField: function () {
+            this.clearErrors(this.name)
+            this.$emit('update:field', this.value)
+        },
+        errorMessage: function () {
+            if (this.hasError) {
+                return this.errors[this.name][0]
+            }
+        },
+        clearErrors: function () {
+            if (this.hasError) {
+                this.errors[this.name] = null
+            }
+        },
+        errorClassObject: function () {
             return {
-                value: ''
-            }
-        },
-        computed: {
-            hasError: function () {
-                return this.required && this.errors && this.errors[this.name] && this.errors[this.name].length > 0
-            }
-        },
-        methods: {
-            updateField: function () {
-                this.clearErrors(this.name);
-                this.$emit('update:field', this.value)
-            },
-            errorMessage: function () {
-                if (this.hasError) {
-                    return this.errors[this.name][0]
-                }
-            },
-            clearErrors: function () {
-                if (this.hasError) {
-                    this.errors[this.name] = null
-                }
-            },
-            errorClassObject: function () {
-                return {
-                    'error-field': this.hasError
-                }
-            }
-        },
-        watch: {
-            data: function (val) {
-                this.value = val
+                'error-field': this.hasError
             }
         }
+    },
+    watch: {
+        data: function (val) {
+            this.value = val
+        }
     }
+}
 </script>