All components now use typescript

js/src/components/Account/SendPasswordReset.vue

@@ -30,54 +30,51 @@
   </v-container>
 </template>
 
-<script>
-export default {
-  name: 'SendPasswordReset',
-  props: {
-    email: {
-      type: String,
-      required: false,
-      default: '',
-    },
-  },
-  mounted() {
-    this.credentials.email = this.email;
-  },
-  data() {
-    return {
-      credentials: {
-        email: '',
-      },
-      validationSent: false,
-      error: false,
-      state: {
-        email: {
-          status: null,
-          msg: '',
-        },
-      },
-      rules: {
-        required: value => !!value || 'Required.',
-        email: (value) => {
-          const pattern = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
-          return pattern.test(value) || 'Invalid e-mail.';
-        },
+<script lang="ts">
+  import { Component, Prop, Vue } from 'vue-property-decorator';
+
+  @Component
+  export default class SendPasswordReset extends Vue {
+    @Prop({ type: String, required: false, default: '' }) email!: string;
+
+    credentials = {
+      email: '',
+    };
+    validationSent = false;
+    error = false;
+    state = {
+      email: {
+        status: null,
+        msg: '',
       },
     };
-  },
-  methods: {
+
+    rules = {
+      required: value => !!value || 'Required.',
+      email: (value) => {
+        const pattern = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+        return pattern.test(value) || 'Invalid e-mail.';
+      },
+    };
+
+    mounted() {
+      this.credentials.email = this.email;
+    }
+
     resendConfirmationAction(e) {
       e.preventDefault();
-      fetchStory('/users/password-reset/send', this.$store, { method: 'POST', body: JSON.stringify(this.credentials) }).then(() => {
-        this.error = false;
-        this.validationSent = true;
-      }).catch((err) => {
-        Promise.resolve(err).then((data) => {
-          this.error = true;
-          this.state.email = { status: false, msg: data.errors };
-        });
-      });
-    },
+      // FIXME: implement fetchStory
+      // fetchStory('/users/password-reset/send', this.$store, { method: 'POST', body: JSON.stringify(this.credentials) }).then(() => {
+      //   this.error = false;
+      //   this.validationSent = true;
+      // }).catch((err) => {
+      //   Promise.resolve(err).then((data) => {
+      //     this.error = true;
+      //     this.state.email = { status: false, msg: data.errors };
+      //   });
+      // });
+    }
+
     resetState() {
       this.state = {
         email: {
@@ -85,7 +82,6 @@ export default {
           msg: '',
         },
       };
-    },
-  },
-};
+    }
+  };
 </script>