First draft of Vue3 version. WIll finish after error-logging merge

src/components/GiftedDialog.vue

@@ -40,50 +40,60 @@
   </div>
 </template>
 
-<script>
+<script lang="ts">
-export default {
+import {Vue, Component, Prop, Emit} from "vue-facing-decorator";
-  props: ["message"],
+
-  data() {
+@Component
-    return {
+export default class GiftedDialog extends Vue {
-      giver: null,
+  @Prop message = "";
-      description: "",
+
-      hours: "0",
+  giver = null;
-      visible: false,
+  description = "";
-    };
+  hours = "0";
-  },
+  visible = false;
-  methods: {
+
   open(giver) {
     // giver: GiverInputInfo
     this.giver = giver;
     this.visible = true;
-    },
+  }
+  
   close() {
     this.visible = false;
-    },
+  }
+
   increment() {
     this.hours = `${(parseFloat(this.hours) || 0) + 1}`;
-    },
+  }
+
   decrement() {
     this.hours = `${Math.max(0, (parseFloat(this.hours) || 1) - 1)}`;
-    },
+  }
+
+  @Emit("dialog-result")
   confirm() {
-      this.close();
+    result = {
-      this.$emit("dialog-result", {
       action: "confirm",
       giver: this.giver,
       hours: parseFloat(this.hours),
       description: this.description,
-      });
+    };    
+    this.close();
     this.description = "";
     this.giver = null;
     this.hours = "0";
-    },
+
+    return result;
+  }
+
+  @Emit("dialog-result")
   cancel() {
+    result = { action: "cancel" };
     this.close();
-      this.$emit("dialog-result", { action: "cancel" });
+    return result;
-    },
+  }
-  },
+
-};
+}
 </script>
 
 <style>