Use swal.mixin

resources/assets/src/components/user/ClosetItem.vue

@@ -21,7 +21,7 @@
 </template>
 
 <script>
-import swal from 'sweetalert2';
+import { swal } from '../../js/notify';
 import toastr from 'toastr';
 import axios from 'axios';
 

resources/assets/src/js/layout.js

@@ -4,13 +4,6 @@ import 'bootstrap-fileinput';
 import 'admin-lte';
 import 'icheck';
 import Vue from 'vue';
-import swal from 'sweetalert2';
-import { trans } from './i18n';
-
-swal.setDefaults({
-    confirmButtonText: trans('general.confirm'),
-    cancelButtonText: trans('general.cancel')
-});
 
 Vue.mixin({
     mounted() {

resources/assets/src/js/notify.js

@@ -1,4 +1,5 @@
 import $ from 'jquery';
+import sweetalert2 from 'sweetalert2';
 import { trans } from './i18n';
 
 /**
@@ -71,3 +72,8 @@ export function showModal(msg, title = 'Message', type = 'default', options = {}
         destroyOnClose && $(this).remove();
     }).modal(options);
 }
+
+export const swal = sweetalert2.mixin({
+    confirmButtonText: trans('general.confirm'),
+    cancelButtonText: trans('general.cancel')
+});

resources/assets/tests/components/user/ClosetItem.test.js

@@ -1,10 +1,10 @@
 import { mount } from '@vue/test-utils';
 import ClosetItem from '@/user/ClosetItem';
 import axios from 'axios';
-import swal from 'sweetalert2';
+import { swal } from '@/../js/notify';
 
 jest.mock('axios');
-jest.mock('sweetalert2');
+jest.mock('@/../js/notify');
 
 function factory(opt = {}) {
     return {