Add New SweetAlert & Notification Components

resources/assets/js/views/auth/ResetPassword.vue

@@ -92,6 +92,7 @@ const {
   sameAs,
   minLength,
 } = require('vuelidate/lib/validators')
+import { mapActions } from 'vuex'
 
 export default {
   data() {
@@ -120,6 +121,7 @@ export default {
     },
   },
   methods: {
+    ...mapActions('notification', ['showNotification']),
     async validateBeforeSubmit(e) {
       this.$v.formData.$touch()
 
@@ -135,18 +137,18 @@ export default {
           let res = await axios.post('/api/v1/auth/reset/password', data)
           this.isLoading = false
           if (res.data) {
-            toastr['success'](
-              this.$t('login.password_reset_successfully'),
-              'Success'
-            )
+            this.showNotification({
+              type: 'success',
+              message: this.$t('login.password_reset_successfully'),
+            })
             this.$router.push('/login')
           }
         } catch (err) {
           if (err.response && err.response.status === 403) {
-            toastr['error'](
-              err.response.data,
-              this.$t('validation.email_incorrect')
-            )
+            this.showNotification({
+              type: 'error',
+              message: this.$t('validation.email_incorrect'),
+            })
             this.isLoading = false
           }
         }