Add package.js, ensure dependency on Vue is satisfied (#3)

README.md

@@ -2,21 +2,16 @@
 Implementation of the order comments in the Rapidez checkout.
 
 ## Installation
-```
+```bash
 composer require rapidez/boldcommerce-order-comments
 ```
 
-And include the javascript in `resources/js/app.js`:
-```
-require('Vendor/rapidez/order-comments/resources/js/order-comments')
-```
-
 Add the a textarea to your views in the checkout:
-```
+```blade
 <x-rapidez::textarea v-model="checkout.comment" name="comment" />
 ```
 
 To display the order comment, usually in the checkout, you can use:
-```
+```blade
 @{{ $root.checkout.comment }}
 ```

resources/js/eventlisteners.js

@@ -0,0 +1,13 @@
+import 'Vendor/rapidez/core/resources/js/app'
+
+document.addEventListener('turbo:load', () => {
+    Vue.set(window.app.checkout, 'comment', '')
+
+    window.app.$on('checkout-credentials-saved', (e) => {
+        window.app.magentoCart('put', 'set-order-comment', {
+            orderComment: {
+                comment: window.app.checkout.comment
+            }
+        })
+    })
+})

resources/js/order-comments.js

@@ -1,11 +1 @@
-document.addEventListener('turbo:load', () => {
-    Vue.set(window.app.checkout, 'comment', '')
-
-    window.app.$on('checkout-credentials-saved', (e) => {
-        window.app.magentoCart('put', 'set-order-comment', {
-            orderComment: {
-                comment: window.app.checkout.comment
-            }
-        })
-    })
-})
+import './package'

resources/js/package.js

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