Fix editing raw value for object fields

app/src/components/v-form/form-field.vue

@@ -135,7 +135,15 @@ export default defineComponent({
 
 			const rawValue = computed({
 				get() {
-					return _value.value;
+					switch (type.value) {
+						case 'object':
+							return JSON.stringify(_value.value, null, '\t');
+						case 'string':
+						case 'number':
+						case 'boolean':
+						default:
+							return _value.value;
+					}
 				},
 				set(newRawValue: string) {
 					switch (type.value) {

app/src/styles/_base.scss

@@ -6,6 +6,7 @@
 	font-size: inherit;
 	font-family: inherit;
 	line-height: inherit;
+	tab-size: 2;
 	user-select: none;
 }
 
@@ -120,9 +121,9 @@ dd {
 }
 
 dt {
+	flex-shrink: 0;
 	margin-right: 8px;
 	font-weight: 600;
-	flex-shrink: 0;
 }
 
 dd {