Update interest and escrow attributes with events

components/new/details.vue

@@ -130,7 +130,7 @@
 
 <label>Real Estate Tax Escrow (months)</label>
 <input :value="loans[sel].taxEscrow"
-@input="e => {loans[sel].taxEscrow = stripInt(e)}">
+@input="e => $emit('update:taxEscrow', stripInt(e))">
 <label>Real Estate Tax ($/month)</label>
 <input :value="loans[sel].tax"
 @input="(e) => $emit('update:tax', strip(e))">
@@ -253,7 +253,7 @@ export default {
 	    'update:mIncome',
 	    'update:transaction', 
 	    'update:price',
-	    'update:propertyType',
+	    'update:property',
 	    
 	    // Loan specific emits
 	    'update:loanType',
@@ -264,6 +264,12 @@ export default {
 	    'update:housingDti',
 	    'update:dti',
 	    'update:hoa',
+	    'update:interest',
+	    'update:interestDays',
+	    'update:hazardEscrow',
+	    'update:hazard',
+	    'update:taxEscrow',
+	    'update:tax',
 	],
 	data() {
 		return {

components/new/new.vue

@@ -42,6 +42,12 @@ class="bi bi-plus" viewBox="0 0 16 16"> <path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0
   @update:housingDti="setHousingDti"
   @update:dti="setDti"
   @update:hoa="(hoa) => loans[sel].hoa = hoa"
+  @update:interest="(i) => loans[sel].interest = i"
+  @update:interestDays="(d) => loans[sel].interestDays = d"
+  @update:hazardEscrow="(h) => loans[sel].hazardEscrow = h"
+  @update:hazard="(h) => loans[sel].hazard = h"
+  @update:taxEscrow="(t) => loans[sel].taxEscrow = t"
+  @update:tax="(t) => loans[sel].tax = t"
 />
 <summary v-if="hash == '#new/summary'"/>