//= require lodash
//= require query-string
//= require vue
//= require superagent
//= require_tree ./components/.
//= require_self

/* global _, Vue, superagent */

(function (exports) {
  exports.app = new Vue({
    el: '#wallgig-app',

    paramAttributes: ['settings'],

    created: function () {
      var that = this;

      if (this.settings) {
        this.settings = JSON.parse(this.settings);
      }

      // API
      this.$on('apiError', this.handleApiError);

      // Wallpaper
      this.$on('wallpaperDragStart', function (wallpaper) {
        that.$broadcast('requestShowCollectionOverlay', { wallpaper: wallpaper });
      });
      this.$on('wallpaperDragEnd', function () {
        that.$broadcast('requestHideCollectionOverlay');
      });
    },

    methods: {
      handleApiError: function (res) {
        if (res.unauthorized) {
          if (res.body && res.body.message) {
            alert(res.body.message);
          } else {
            alert('You are not authorized to perform this action!');
          }
        } else {
          alert(res.toError());
        }
      }
    }
  });
})(window);

@@ -305,20 +305,20 @@
     var 
-that
+self
  = this;
@@ -329,20 +329,20 @@
     if (
-this
+self
 .setting
@@ -354,20 +354,20 @@
         
-this
+self
 .setting
@@ -381,20 +381,20 @@
 N.parse(
-this
+self
 .setting
@@ -421,28 +421,28 @@
 / API%0A      
-this
+self
 .$on('apiErr
@@ -446,20 +446,20 @@
 Error', 
-this
+self
 .handleA
@@ -490,28 +490,28 @@
 paper%0A      
-this
+self
 .$on('wallpa
@@ -548,36 +548,36 @@
 aper) %7B%0A        
-that
+self
 .$broadcast('req
@@ -647,20 +647,20 @@
 ;%0A      
-this
+self
 .$on('wa
@@ -702,12 +702,12 @@
     
-that
+self
 .$br

Change that to self