add nova

nova/src/Console/field-stubs/resources/css/field.css

@@ -0,0 +1 @@
+/* Nova Field CSS */

nova/src/Console/field-stubs/resources/js/components/DetailField.vue

@@ -0,0 +1,9 @@
+<template>
+  <PanelItem :index="index" :field="field" />
+</template>
+
+<script>
+export default {
+  props: ['index', 'resource', 'resourceName', 'resourceId', 'field'],
+}
+</script>

nova/src/Console/field-stubs/resources/js/components/FormField.vue

@@ -0,0 +1,45 @@
+<template>
+  <DefaultField
+    :field="field"
+    :errors="errors"
+    :show-help-text="showHelpText"
+    :full-width-content="fullWidthContent"
+  >
+    <template #field>
+      <input
+        :id="field.attribute"
+        type="text"
+        class="w-full form-control form-input form-control-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.fieldAttribute, this.value || '')
+    },
+  },
+}
+</script>

nova/src/Console/field-stubs/resources/js/components/IndexField.vue

@@ -0,0 +1,15 @@
+<template>
+  <span>{{ fieldValue }}</span>
+</template>
+
+<script>
+export default {
+  props: ['resourceName', 'field'],
+
+  computed: {
+    fieldValue() {
+      return this.field.displayedAs || this.field.value
+    },
+  }
+}
+</script>

nova/src/Console/field-stubs/resources/js/field.js

@@ -0,0 +1,9 @@
+import IndexField from './components/IndexField'
+import DetailField from './components/DetailField'
+import FormField from './components/FormField'
+
+Nova.booting((app, store) => {
+  app.component('index-{{ component }}', IndexField)
+  app.component('detail-{{ component }}', DetailField)
+  app.component('form-{{ component }}', FormField)
+})