fix depth options and clean code

app/src/components/v-field-template/field-list-item.vue

@@ -1,6 +1,6 @@
 <template>
 	<v-list-item
-		v-if="field.children === undefined || depth == 0"
+		v-if="field.children === undefined || depth === 0"
 		@click="$emit('add', `${parent ? parent + '.' : ''}${field.field}`)"
 	>
 		<v-list-item-content>{{ field.name }}</v-list-item-content>
@@ -35,7 +35,7 @@ export default defineComponent({
 		},
 		depth: {
 			type: Number,
-			default: 10,
+			default: 2,
 		},
 	},
 });

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

@@ -51,7 +51,7 @@ export default defineComponent({
 		},
 		depth: {
 			type: Number,
-			default: 10,
+			default: 2,
 		},
 	},
 	setup(props, { emit }) {