Add package.js (#2)

README.md

@@ -10,16 +10,10 @@ The magento2 core package from MultiSafePay currently contains a bug that preven
 
 ## Installation
 
-```
+```bash
 composer require rapidez/multisafepay
 ```
 
-And import the JS into your `resources/js/app.js`:
-
-```
-import 'Vendor/rapidez/multisafepay/resources/js/multisafepay.js';
-```
-
 Then, in your magento -> configuration -> multisafepay -> general settings, enable custom return urls for PWA and use the following return URLs:
 
 ```

resources/js/components.js

@@ -0,0 +1,3 @@
+import 'Vendor/rapidez/core/resources/js/vue'
+
+Vue.component('msp-pending', () => import('./components/MSPPending.vue'))

resources/js/eventlisteners.js

@@ -0,0 +1,12 @@
+document.addEventListener('turbo:load', () => {
+    window.app.$on('checkout-payment-saved', (data) => {
+        if (!data.order.payment_method_code.includes('multisafepay_')) {
+            return;
+        }
+        window.app.checkout.doNotGoToTheNextStep = true
+        let cart = window.app.user ? 'mine' : localStorage.mask;
+        magentoUser.get(`/multisafepay/${cart}/payment-url/${data.order.id}`).then(response => {
+            window.location.replace(response.data);
+        });
+    });
+})

resources/js/multisafepay.js

@@ -1,15 +1 @@
-import MSPPending from './components/MSPPending.vue'
-Vue.component('msp-pending', MSPPending)
-
-document.addEventListener('turbo:load', () => {
-    window.app.$on('checkout-payment-saved', (data) => {
-        if (!data.order.payment_method_code.includes('multisafepay_')) {
-            return;
-        }
-        window.app.checkout.doNotGoToTheNextStep = true
-        let cart = window.app.user ? 'mine' : localStorage.mask;
-        magentoUser.get(`/multisafepay/${cart}/payment-url/${data.order.id}`).then(response => {
-            window.location.replace(response.data);
-        });
-    });
-})
+import './package'

resources/js/package.js

@@ -0,0 +1,2 @@
+import './components'
+import './eventlisteners'