Fix interface default settings, fix autoupdate when empty values.

README.md

@@ -25,12 +25,12 @@ Restart directus
 
 Simply these options enables/disables the automatic update based on content change.
 
-- Having "Create" will enable automattic updating when creating new item.
-- Having "Update" will enable automattic updating when editing existing item.
+- Having "On Create" will enable automattic updating when creating new item.
+- Having "On Update" will enable automattic updating when editing existing item.
 
 It's possible to have both, one or none, depending of your needs.
 
-### There is magick stick appearing
+### There is magic wand appearing
 
 The magic stick button appears when the automatic updates are disabled, but there is content change so the field is
 differing from the template. When clicked, the automatic update will be executed.

src/index.ts

@@ -83,7 +83,6 @@ export default {
 				meta: {
 					width: 'half',
 					interface: 'select-multiple-checkbox',
-					default_value: ['create', 'update'],
 					options: {
 						choices: [
 							{ text: '$t:on_create', value: 'create' },
@@ -92,7 +91,7 @@ export default {
 					},
 				},
 				schema: {
-					default_value: '',
+					default_value: ['create'],
 				},
 			},
 		];

src/slug.vue

@@ -108,7 +108,7 @@ export default defineComponent({
 		},
 		update: {
 			type: Array as PropType<string[]>,
-			default: () => [],
+			default: () => ['create'],
 		},
 	},
 	emits: ['input'],
@@ -132,7 +132,7 @@ export default defineComponent({
 			if (!(props.primaryKey !== '+' ? props.update.includes('update') : props.update.includes('create'))) return;
 
 			// Avoid self update.
-			if (values[props.field] && values[props.field] !== props.value) return;
+			if (values[props.field] && values[props.field] !== (props.value || '')) return;
 
 			emitter(values);
 		});
@@ -180,7 +180,7 @@ export default defineComponent({
 
 		function emitter(values: Record<string, any>) {
 			const newValue = transform(render(props.template, values));
-			if (newValue === props.value) return;
+			if (newValue === (props.value || '')) return;
 
 			emit('input', newValue);
 		}