vue 3 upgrade

Author: charliepage88

ui/field/AdminField.vue

@@ -11,18 +11,22 @@
 <script>
 export default {
   props: [
-    'value',
+    'modelValue',
     'field',
     'errors',
     'formMeta',
     'model',
     'action'
   ],
 
+  emits: [
+    'update:modelValue'
+  ],
+
   watch: {
     selected (newVal, oldVal) {
       if (newVal !== oldVal) {
-        this.$emit('input', newVal)
+        this.$emit('update:modelValue', newVal)
       }
     }
   },

ui/field/AdminOptions.vue

@@ -9,23 +9,27 @@ import { isEmpty } from 'lodash'
 
 export default {
   props: [
-    'value',
+    'modelValue',
     'field',
     'package',
     'errors',
     'fields'
   ],
 
+  emits: [
+    'update:modelValue'
+  ],
+
   watch: {
-    value (newVal, oldVal) {
+    modelValue (newVal, oldVal) {
       if (newVal !== oldVal) {
         this.selected = newVal
       }
     },
 
     selected: {
       handler: function (newVal, oldVal) {
-        this.$emit('input', newVal)
+        this.$emit('update:modelValue', newVal)
       },
       deep: true
     }
@@ -38,8 +42,8 @@ export default {
   },
 
   mounted () {
-    if (!isEmpty(this.value)) {
-      this.selected = this.value
+    if (!isEmpty(this.modelValue)) {
+      this.selected = this.modelValue
     }
   }
 }