Wrong flight logic (#1473)

* correct logic for date warning

* for ease with translation

* modify alert condition for ease with translation

* specify month value in 0-11 range

Author: tanquar

src/examples/src/flight-booker/App/composition.js

@@ -16,15 +16,15 @@ export default {
 
     function book() {
       alert(
-        `You have booked a ${flightType.value} leaving on ${
-          departureDate.value
-        }${isReturn.value ? ` and returning on ${returnDate.value}` : ``}`
+        isReturn.value
+          ? `You have booked a return flight leaving on ${departureDate.value} and returning on ${returnDate.value}.`
+          : `You have booked a one-way flight leaving on ${departureDate.value}.`
       )
     }
 
     function stringToDate(str) {
       const [y, m, d] = str.split('-')
-      return new Date(+y, +m, +d)
+      return new Date(+y, m - 1, +d)
     }
 
     function dateToString(date) {

src/examples/src/flight-booker/App/options.js

@@ -1,6 +1,6 @@
 function stringToDate(str) {
   const [y, m, d] = str.split('-')
-  return new Date(+y, +m, +d)
+  return new Date(+y, m - 1, +d)
 }
 
 function dateToString(date) {
@@ -31,17 +31,17 @@ export default {
     },
     canBook() {
       return (
-        this.isReturn ||
+        !this.isReturn ||
         stringToDate(this.returnDate) > stringToDate(this.departureDate)
       )
     }
   },
   methods: {
     book() {
       alert(
-        `You have booked a ${this.flightType} leaving on ${this.departureDate}${
-          this.isReturn ? ` and returning on ${this.returnDate}` : ``
-        }`
+        this.isReturn
+          ? `You have booked a return flight leaving on ${this.departureDate} and returning on ${this.returnDate}.`
+        	: `You have booked a one-way flight leaving on ${this.departureDate}.`
       )
     }
   }

src/examples/src/flight-booker/App/template.html

@@ -1,6 +1,6 @@
 <select v-model="flightType">
-  <option>one-way flight</option>
-  <option>return flight</option>
+  <option value="one-way flight">One-way Flight</option>
+  <option value="return flight">Return Flight</option>
 </select>
 
 <input type="date" v-model="departureDate" />