vue 3 upgrade

Author: charliepage88

ui/field/AdminField.vue

@@ -25,28 +25,32 @@ import CountriesList from '@/Adaptcms/FieldCountry/countries.json'
 
 export default {
   props: [
-    'value',
+    'modelValue',
     'field',
     'errors',
     'formMeta',
     'model',
     'action'
   ],
 
+  emits: [
+    'update:modelValue'
+  ],
+
   components: {
     SelectField
   },
 
   watch: {
-    value (newVal, oldVal) {
-      if (newVal !== oldVal) {
+    modelValue (newVal, oldVal) {
+      if (newVal && newVal !== oldVal) {
         this.selected = newVal
       }
     },
 
     selected (newVal, oldVal) {
       if (newVal !== oldVal) {
-        this.$emit('input', newVal)
+        this.$emit('update:modelValue', newVal)
       }
     }
   },
@@ -65,7 +69,7 @@ export default {
 
   mounted () {
     if (!this.selected) {
-      this.selected = this.value
+      this.selected = this.modelValue
     }
   }
 }

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
     }
   }
 }