update for spark 4.x / axios

Author: vmitchell85

.gitignore

@@ -0,0 +1,2 @@
+
+\.DS_Store

README.md

@@ -2,6 +2,13 @@
 
 Adds a notification panel to your Laravel Spark Kiosk, allowing you to send notifications to users.
 
+## Spark 4.x
+Spark 4.0 replaced vue-resource for axios. The 2.1 release has been updated to use axios.
+
+If you are upgrading to Spark 4.0 you will need to remove the spark-kiosk-notify.js file and republish the resources.
+
+Please note the path was updated as well.
+
 ## Vue 1.x
 If you are using Vue 1.x please use the 1.0.5 release. The 2.x release is updated for Vue 2.x
 
@@ -35,11 +42,11 @@ In order to install the Spark Kiosk Notifications Package into your Spark applic
 
 **4. Add the javascript components to your bootstrap.js file**
 
-Add `require('./SparkKioskNotify/spark-kiosk-notify.js');` to your `resources/assets/js/components/bootstrap.js` file.
+Add `require('./components/SparkKioskNotify/spark-kiosk-notify');` to your `resources/assets/js/components/app.js` file.
 
 **5. Compile the Javascript components**
 
-`gulp`
+`npm run dev`
 
 **6. Add the HTML snippets**
 

src/resources/assets/js/SparkKioskNotify/spark-kiosk-notify.js

@@ -19,7 +19,7 @@ Vue.component('spark-kiosk-notify', {
          * Get all of the announcements.
          */
         getNotifications: function(){
-            this.$http.get('/skn/notifications')
+            axios.get('/skn/notifications')
                 .then(response => {
                     this.notifications = response.data;
                 });
@@ -29,7 +29,7 @@ Vue.component('spark-kiosk-notify', {
          * Get all of the users.
          */
         getUsers: function(){
-            this.$http.get('/skn/users')
+            axios.get('/skn/users')
                 .then(response => {
                     this.users = response.data;
                 });
@@ -39,7 +39,7 @@ Vue.component('spark-kiosk-notify', {
          * Create Notification.
          */
         createNotification: function(){
-            this.$http.post('/skn/notifications/create', this.newNotification)
+            axios.post('/skn/notifications/create', this.newNotification)
                 .then(response => {
                     this.newNotification = {};
                     this.getNotifications();