Updating variable name and response to emit update on doNotSave

Author: webdevnerdstuff

src/plugin/VInlineCheckbox.vue

@@ -11,7 +11,7 @@
 			@click="toggleField"
 		>
 			<BooleanIcons
-				v-model="value"
+				v-model="displayValue"
 				:icon-false="settings.iconFalse"
 				:icon-false-color="settings.iconFalseColor"
 				:icon-false-title="settings.iconFalseTitle"
@@ -28,7 +28,7 @@
 			:style="fieldDisplayStyle"
 			@click="toggleField"
 		>
-			{{ value }}
+			{{ displayValue }}
 		</span>
 	</div>
 
@@ -114,7 +114,7 @@ import inlineEmits from './utils/emits';
 
 const modelValue = defineModel<FieldValue>();
 
-const value = computed(() => {
+const displayValue = computed(() => {
 	return modelValue.value == settings.trueValue;
 });
 
@@ -174,7 +174,7 @@ function saveValue(value: undefined) {
 	loading.value = true;
 	emit('loading', loading.value);
 
-	useSaveValue(settings, emit as keyof UseSaveValue, settings.name, modelValue.value as keyof UseSaveValue)
+	useSaveValue(settings, emit as keyof UseSaveValue, settings.name, value as keyof UseSaveValue)
 		.then((response) => {
 			error.value = response?.error as boolean ?? false;
 			loading.value = false;

src/plugin/VInlineSelect.vue

@@ -9,7 +9,7 @@
 			:style="fieldDisplayStyle"
 			@click="toggleField"
 		>
-			{{ value }}
+			{{ displayValue }}
 		</span>
 	</div>
 
@@ -36,7 +36,6 @@
 			:loading="loading"
 			:variant="settings.variant"
 			width="100%"
-			@keyup.enter="saveValue"
 			@keyup.esc="closeField"
 		>
 			<!-- Pass on all scoped slots -->
@@ -108,7 +107,7 @@ import inlineEmits from './utils/emits';
 
 const modelValue = defineModel<FieldValue>();
 
-const value = computed(() => {
+const displayValue = computed(() => {
 	if (modelValue.value && modelValue.value[settings.itemTitle as string]) {
 		empty.value = false;
 		return modelValue.value[settings.itemTitle as string];

src/plugin/VInlineSwitch.vue

@@ -5,13 +5,13 @@
 	>
 		<span
 			v-if="icons"
-			class="inline-field-value-icons pb-1"
+			class="v-inline-field-value-icons pb-1"
 			:class="fieldDisplayClass"
 			:style="fieldDisplayStyle"
 			@click="toggleField"
 		>
 			<BooleanIcons
-				v-model="value"
+				v-model="displayValue"
 				:icon-false="settings.iconFalse"
 				:icon-false-color="settings.iconFalseColor"
 				:icon-false-title="settings.iconFalseTitle"
@@ -28,7 +28,7 @@
 			:style="fieldDisplayStyle"
 			@click="toggleField"
 		>
-			{{ value }}
+			{{ displayValue }}
 		</span>
 	</div>
 
@@ -115,7 +115,7 @@ import inlineEmits from './utils/emits';
 
 const modelValue = defineModel<FieldValue>();
 
-const value = computed(() => {
+const displayValue = computed(() => {
 	return modelValue.value == settings.trueValue;
 });
 
@@ -173,7 +173,7 @@ function saveValue(value: undefined) {
 	loading.value = true;
 	emit('loading', loading.value);
 
-	useSaveValue(settings, emit as keyof UseSaveValue, settings.name, modelValue.value as keyof UseSaveValue)
+	useSaveValue(settings, emit as keyof UseSaveValue, settings.name, value as keyof UseSaveValue)
 		.then((response) => {
 			error.value = response?.error as boolean ?? false;
 			loading.value = false;

src/plugin/VInlineTextField.vue

@@ -9,7 +9,7 @@
 			:style="fieldDisplayStyle"
 			@click="toggleField"
 		>
-			{{ value }}
+			{{ displayValue }}
 		</span>
 	</div>
 
@@ -101,7 +101,7 @@ import inlineEmits from './utils/emits';
 
 const modelValue = defineModel<FieldValue>();
 
-const value = computed(() => {
+const displayValue = computed(() => {
 	if (modelValue.value) {
 		empty.value = false;
 		return modelValue.value;

src/plugin/VInlineTextarea.vue

@@ -4,12 +4,12 @@
 		class="d-inline-flex align-center justify-center"
 	>
 		<span
-			class="inline-field-value pb-1 d-inline-flex align-center justify-center"
+			class="pb-1 d-inline-flex align-center justify-center"
 			:class="fieldDisplayClass"
 			:style="fieldDisplayStyle"
 			@click="toggleField"
 		>
-			{{ value }}
+			{{ displayValue }}
 		</span>
 	</div>
 
@@ -103,7 +103,7 @@ import inlineEmits from './utils/emits';
 
 const modelValue = defineModel<FieldValue>();
 
-const value = computed(() => {
+const displayValue = computed(() => {
 	if (modelValue.value) {
 		empty.value = false;
 		return modelValue.value;

src/plugin/composables/methods.ts

@@ -34,7 +34,11 @@ const useSaveValue: UseSaveValue = async (settings, emit, name, value) => {
 	const submitData = buildResponseItem(allSettings.item as object, name, value);
 
 	if (allSettings.doNotSave) {
-		return;
+		emit('update', value);
+		return {
+			error: false,
+			value,
+		};
 	}
 
 	if (allSettings.apiRoute === '') {