From dc7b9d782f19ee6f74ce0ffacabe421ffae013bc Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Thu, 30 Sep 2021 00:38:46 +0900
Subject: [PATCH] wip

---
 src/client/components/debobigego/input.vue    | 12 ++++++------
 src/client/components/debobigego/select.vue   |  6 +++---
 src/client/components/debobigego/switch.vue   |  6 +++---
 src/client/components/debobigego/textarea.vue | 10 +++++-----
 4 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/src/client/components/debobigego/input.vue b/src/client/components/debobigego/input.vue
index d73afef9a..85cbc7d58 100644
--- a/src/client/components/debobigego/input.vue
+++ b/src/client/components/debobigego/input.vue
@@ -46,7 +46,7 @@ export default defineComponent({
 		FormButton,
 	},
 	props: {
-		value: {
+		modelValue: {
 			required: false
 		},
 		type: {
@@ -104,8 +104,8 @@ export default defineComponent({
 	},
 	emits: ['change', 'keydown', 'enter'],
 	setup(props, context) {
-		const { value, type, autofocus } = toRefs(props);
-		const v = ref(value.value);
+		const { modelValue, type, autofocus } = toRefs(props);
+		const v = ref(modelValue.value);
 		const id = Math.random().toString(); // TODO: uuid?
 		const focused = ref(false);
 		const changed = ref(false);
@@ -131,13 +131,13 @@ export default defineComponent({
 		const updated = () => {
 			changed.value = false;
 			if (type?.value === 'number') {
-				context.emit('update:value', parseFloat(v.value));
+				context.emit('update:modelValue', parseFloat(v.value));
 			} else {
-				context.emit('update:value', v.value);
+				context.emit('update:modelValue', v.value);
 			}
 		};
 
-		watch(value, newValue => {
+		watch(modelValue.value, newValue => {
 			v.value = newValue;
 		});
 
diff --git a/src/client/components/debobigego/select.vue b/src/client/components/debobigego/select.vue
index 49e8a5353..7a31371af 100644
--- a/src/client/components/debobigego/select.vue
+++ b/src/client/components/debobigego/select.vue
@@ -27,7 +27,7 @@ import './debobigego.scss';
 
 export default defineComponent({
 	props: {
-		value: {
+		modelValue: {
 			required: false
 		},
 		required: {
@@ -51,10 +51,10 @@ export default defineComponent({
 	computed: {
 		v: {
 			get() {
-				return this.value;
+				return this.modelValue;
 			},
 			set(v) {
-				this.$emit('update:value', v);
+				this.$emit('update:modelValue', v);
 			}
 		},
 	},
diff --git a/src/client/components/debobigego/switch.vue b/src/client/components/debobigego/switch.vue
index f3343c074..da4dc81e3 100644
--- a/src/client/components/debobigego/switch.vue
+++ b/src/client/components/debobigego/switch.vue
@@ -29,7 +29,7 @@ import './debobigego.scss';
 
 export default defineComponent({
 	props: {
-		value: {
+		modelValue: {
 			type: Boolean,
 			default: false
 		},
@@ -40,13 +40,13 @@ export default defineComponent({
 	},
 	computed: {
 		checked(): boolean {
-			return this.value;
+			return this.modelValue;
 		}
 	},
 	methods: {
 		toggle() {
 			if (this.disabled) return;
-			this.$emit('update:value', !this.checked);
+			this.$emit('update:modelValue', !this.checked);
 		}
 	}
 });
diff --git a/src/client/components/debobigego/textarea.vue b/src/client/components/debobigego/textarea.vue
index 94df56432..64e8d4712 100644
--- a/src/client/components/debobigego/textarea.vue
+++ b/src/client/components/debobigego/textarea.vue
@@ -34,7 +34,7 @@ export default defineComponent({
 		FormButton,
 	},
 	props: {
-		value: {
+		modelValue: {
 			required: false
 		},
 		required: {
@@ -74,8 +74,8 @@ export default defineComponent({
 		},
 	},
 	setup(props, context) {
-		const { value } = toRefs(props);
-		const v = ref(value.value);
+		const { modelValue } = toRefs(props);
+		const v = ref(modelValue.value);
 		const changed = ref(false);
 		const inputEl = ref(null);
 		const focus = () => inputEl.value.focus();
@@ -86,10 +86,10 @@ export default defineComponent({
 
 		const updated = () => {
 			changed.value = false;
-			context.emit('update:value', v.value);
+			context.emit('update:modelValue', v.value);
 		};
 
-		watch(value, newValue => {
+		watch(modelValue.value, newValue => {
 			v.value = newValue;
 		});