Build and empty formfield

dist/css/field.css

@@ -0,0 +1 @@
+

dist/mix-manifest.json

@@ -0,0 +1,4 @@
+{
+    "/js/field.js": "/js/field.js",
+    "/css/field.css": "/css/field.css"
+}

package.json

@@ -14,6 +14,7 @@
     "@vue/compiler-sfc": "^3.2.22",
     "form-backend-validation": "^2.3.3",
     "laravel-mix": "^6.0.41",
+    "laravel-nova": "^1.12.3",
     "lodash": "^4.17.21",
     "postcss": "^8.3.11",
     "vue-loader": "^16.8.3"

resources/js/components/FormField.vue

@@ -1,40 +1 @@
-<template>
-  <DefaultField :field="field" :errors="errors" :show-help-text="showHelpText">
-    <template #field>
-      <input
-        :id="field.attribute"
-        type="text"
-        class="w-full form-control form-input form-input-bordered"
-        :class="errorClasses"
-        :placeholder="field.name"
-        v-model="value"
-      />
-    </template>
-  </DefaultField>
-</template>
-
-<script>
-import { FormField, HandlesValidationErrors } from 'laravel-nova'
-
-export default {
-  mixins: [FormField, HandlesValidationErrors],
-
-  props: ['resourceName', 'resourceId', 'field'],
-
-  methods: {
-    /*
-     * Set the initial, internal value for the field.
-     */
-    setInitialValue() {
-      this.value = this.field.value || ''
-    },
-
-    /**
-     * Fill the given FormData object with the field's internal value.
-     */
-    fill(formData) {
-      formData.append(this.field.attribute, this.value || '')
-    },
-  },
-}
-</script>
+<template></template>