diff --git a/app/Helpers/CountriesHelper.php b/app/Helpers/CountriesHelper.php
index 2891ece43de..57beab150f3 100644
--- a/app/Helpers/CountriesHelper.php
+++ b/app/Helpers/CountriesHelper.php
@@ -5,7 +5,6 @@
 use Illuminate\Support\Arr;
 use Illuminate\Support\Collection;
 use Illuminate\Support\Facades\App;
-//use PragmaRX\Countries\Package\Support\Collection;
 use PragmaRX\CountriesLaravel\Package\Facade as Countries;
 use PragmaRX\Countries\Package\Support\Collection as Country;
 
diff --git a/app/Http/Controllers/DAV/Backend/CalDAV/CalDAVBirthdays.php b/app/Http/Controllers/DAV/Backend/CalDAV/CalDAVBirthdays.php
index 8522a239831..9c01e8a2dd1 100644
--- a/app/Http/Controllers/DAV/Backend/CalDAV/CalDAVBirthdays.php
+++ b/app/Http/Controllers/DAV/Backend/CalDAV/CalDAVBirthdays.php
@@ -152,5 +152,6 @@ public function updateOrCreateCalendarObject($calendarId, $objectUri, $calendarD
 
     public function deleteCalendarObject($objectUri)
     {
+        // Not implemented
     }
 }
diff --git a/app/Http/Middleware/CheckCompliance.php b/app/Http/Middleware/CheckCompliance.php
index 546753c2ca7..5b52499569f 100644
--- a/app/Http/Middleware/CheckCompliance.php
+++ b/app/Http/Middleware/CheckCompliance.php
@@ -26,10 +26,8 @@ public function handle($request, Closure $next)
             return $next($request);
         }
 
-        if (Auth::check()) {
-            if (! ComplianceHelper::isCompliantWithCurrentTerm(auth()->user())) {
-                return redirect()->route('compliance');
-            }
+        if (Auth::check() && ! ComplianceHelper::isCompliantWithCurrentTerm(auth()->user())) {
+            return redirect()->route('compliance');
         }
 
         return $next($request);
diff --git a/app/Jobs/Dav/UpdateVCard.php b/app/Jobs/Dav/UpdateVCard.php
index 9ecf55dea7c..1cbf6c96066 100644
--- a/app/Jobs/Dav/UpdateVCard.php
+++ b/app/Jobs/Dav/UpdateVCard.php
@@ -87,10 +87,10 @@ private function updateCard($addressBookId, $cardUri, $cardData): ?string
 
         $contact_id = null;
         if ($cardUri) {
-            $contact = $backend->getObject($addressBookId, $cardUri);
+            $contactObject = $backend->getObject($addressBookId, $cardUri);
 
-            if ($contact) {
-                $contact_id = $contact->id;
+            if ($contactObject) {
+                $contact_id = $contactObject->id;
             }
         }
 
diff --git a/database/factories/SettingsFactory.php b/database/factories/SettingsFactory.php
index f691a6a9d0c..e27721e07a7 100644
--- a/database/factories/SettingsFactory.php
+++ b/database/factories/SettingsFactory.php
@@ -18,16 +18,11 @@
 });
 
 $factory->define(\Laravel\Cashier\Subscription::class, function (Faker\Generator $faker) {
-    static $account_id;
-    static $stripe_plan;
-    static $name;
-    static $stripe_id;
-
     return [
-        'account_id' => $account_id,
-        'name' => $name ?: $faker->randomElement(['main']),
-        'stripe_id' => $stripe_id,
-        'stripe_plan' => $stripe_plan ?: $faker->randomElement(['plan-1', 'plan-2', 'plan-3']),
+        'account_id' => factory(App\Models\Account\Account::class)->create()->id,
+        'name' => $faker->word(),
+        'stripe_id' => $faker->word(),
+        'stripe_plan' => $faker->randomElement(['plan-1', 'plan-2', 'plan-3']),
         'quantity' => 1,
         'created_at' => now(),
     ];
diff --git a/database/migrations/2016_10_24_014257_create_journal_tables.php b/database/migrations/2016_10_24_014257_create_journal_tables.php
index ffff8bba204..452152c59fe 100644
--- a/database/migrations/2016_10_24_014257_create_journal_tables.php
+++ b/database/migrations/2016_10_24_014257_create_journal_tables.php
@@ -1,7 +1,6 @@
 <?php
 
 use Illuminate\Support\Facades\Schema;
-use Illuminate\Database\Schema\Blueprint;
 use Illuminate\Database\Migrations\Migration;
 
 class CreateJournalTables extends Migration
@@ -14,23 +13,5 @@ class CreateJournalTables extends Migration
     public function up()
     {
         Schema::dropIfExists('gifts');
-
-        // Schema::create('journal', function (Blueprint $table) {
-        //     $table->increments('id');
-        //     $table->integer('account_id');
-        //     $table->longText('entry');
-        //     $table->softDeletes();
-        //     $table->timestamps();
-        // });
-    }
-
-    /**
-     * Reverse the migrations.
-     *
-     * @return void
-     */
-    public function down()
-    {
-        //
     }
 }
diff --git a/database/migrations/2017_01_26_022852_change_notes_to_contact.php b/database/migrations/2017_01_26_022852_change_notes_to_contact.php
index 48eaa0923e6..d54b3d4a209 100644
--- a/database/migrations/2017_01_26_022852_change_notes_to_contact.php
+++ b/database/migrations/2017_01_26_022852_change_notes_to_contact.php
@@ -23,22 +23,4 @@ public function up()
             $table->integer('contact_id')->after('account_id');
         });
     }
-
-    /**
-     * Reverse the migrations.
-     *
-     * @return void
-     */
-    public function down()
-    {
-        Schema::table('notes', function (Blueprint $table) {
-            $table->dropColumn(
-                'people_id'
-            );
-        });
-
-        Schema::table('notes', function (Blueprint $table) {
-            $table->integer('contact_id')->after('account_id');
-        });
-    }
 }
diff --git a/resources/js/components/dashboard/DashboardLog.vue b/resources/js/components/dashboard/DashboardLog.vue
index a44f733ab3c..b11df919525 100644
--- a/resources/js/components/dashboard/DashboardLog.vue
+++ b/resources/js/components/dashboard/DashboardLog.vue
@@ -4,24 +4,24 @@
 
     <div class="pa3 bb b--gray-monica tc">
       <ul>
-        <li :class="[activeTab == 'calls' ? 'di pointer mr3 b' : 'di pointer mr3 black-50']" @click.prevent="setActiveTab('calls')">
+        <li :class="[activeTab === 'calls' ? 'di pointer mr3 b' : 'di pointer mr3 black-50']" @click.prevent="setActiveTab('calls')">
           {{ $t('dashboard.tab_recent_calls') }}
         </li>
-        <li :class="[activeTab == 'notes' ? 'di pointer mr3 b' : 'di pointer mr3 black-50']" @click.prevent="setActiveTab('notes')">
+        <li :class="[activeTab === 'notes' ? 'di pointer mr3 b' : 'di pointer mr3 black-50']" @click.prevent="setActiveTab('notes')">
           {{ $t('dashboard.tab_favorite_notes') }}
         </li>
-        <li :class="[activeTab == 'debts' ? 'di pointer mr3 b' : 'di pointer mr3 black-50']" @click.prevent="setActiveTab('debts')">
+        <li :class="[activeTab === 'debts' ? 'di pointer mr3 b' : 'di pointer mr3 black-50']" @click.prevent="setActiveTab('debts')">
           {{ $t('dashboard.tab_debts') }}
         </li>
-        <li :class="[activeTab == 'tasks' ? 'di pointer mr3 b' : 'di pointer mr3 black-50']" @click.prevent="setActiveTab('tasks')">
+        <li :class="[activeTab === 'tasks' ? 'di pointer mr3 b' : 'di pointer mr3 black-50']" @click.prevent="setActiveTab('tasks')">
           {{ $t('dashboard.tab_tasks') }}
         </li>
       </ul>
     </div>
     <div class="pa4">
       <!-- Calls -->
-      <div v-if="activeTab == 'calls'">
-        <ul v-if="calls.length != 0">
+      <div v-if="activeTab === 'calls'">
+        <ul v-if="calls.length !== 0">
           <li v-for="call in calls" :key="call.id" class="pb2">
             <svg id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px"
                  y="0px" viewBox="0 0 473.806 473.806" style="enable-background:new 0 0 473.806 473.806;" xml:space="preserve" width="15px"
@@ -54,8 +54,8 @@
       </div>
 
       <!-- Notes -->
-      <div v-else-if="activeTab == 'notes'">
-        <template v-if="notes.length != 0">
+      <div v-else-if="activeTab === 'notes'">
+        <template v-if="notes.length !== 0">
           <div v-for="note in notes" :key="note.id" class="pb3 cf">
             <div class="fl w-10">
               <avatar :contact="note.contact" :clickable="true" />
@@ -113,8 +113,8 @@
       </div>
 
       <!-- Debts -->
-      <div v-else-if="activeTab == 'debts'">
-        <ul v-if="debts.length != 0">
+      <div v-else-if="activeTab === 'debts'">
+        <ul v-if="debts.length !== 0">
           <li v-for="debt in debts" :key="debt.id" class="pb2">
             <span class="black-50 mr1 f6">
               {{ debt.created_at | formatDate }}
@@ -129,7 +129,7 @@
               •
             </span>
             {{ debt.amount_with_currency }}
-            <span v-if="debt.in_debt == 'yes'" class="black-50 f6">
+            <span v-if="debt.in_debt === 'yes'" class="black-50 f6">
               <span class="mr1 black-50">
                 •
               </span>
@@ -145,15 +145,15 @@
       </div>
 
       <!-- Tasks -->
-      <div v-if="activeTab == 'tasks'">
+      <div v-if="activeTab === 'tasks'">
         <ul class="tc mb3">
           <li class="di mr4">
-            <span :class="[contactRelatedTasksView == true ? 'b' : 'pointer']" @click.prevent="contactRelatedTasksView = true">
+            <span :class="[contactRelatedTasksView === true ? 'b' : 'pointer']" @click.prevent="contactRelatedTasksView = true">
               {{ $t('dashboard.tasks_tab_your_contacts') }} ({{ contactRelated(tasks).length }})
             </span>
           </li>
           <li class="di">
-            <span :class="[contactRelatedTasksView == true ? 'pointer' : 'b']" @click.prevent="contactRelatedTasksView = false">
+            <span :class="[contactRelatedTasksView === true ? 'pointer' : 'b']" @click.prevent="contactRelatedTasksView = false">
               {{ $t('dashboard.tasks_tab_your_tasks') }} ({{ customNotCompleted(tasks).length }})
             </span>
           </li>
@@ -176,7 +176,7 @@
         </div>
 
         <!-- Tasks: list of contact related tasks -->
-        <div v-if="contactRelated(tasks).length != 0 && contactRelatedTasksView">
+        <div v-if="contactRelated(tasks).length !== 0 && contactRelatedTasksView">
           <ul>
             <li v-for="task in contactRelated(tasks)" :key="task.id" class="pb0 mb2">
               <form-checkbox
@@ -199,7 +199,7 @@
         <!-- Tasks: list of non contact related tasks -->
         <div v-if="!contactRelatedTasksView">
           <!-- Your tasks: Blank state -->
-          <div v-if="customNotCompleted(tasks).length == 0" class="tc mt4 mb4">
+          <div v-if="customNotCompleted(tasks).length === 0" class="tc mt4 mb4">
             <p class="mb4">
               <a v-show="!taskAddMode" class="btn pointer" href="" @click.prevent="taskAddMode = true">
                 {{ $t('dashboard.task_add_cta') }}
@@ -209,14 +209,14 @@
           </div>
 
           <!-- Add a task -->
-          <p v-if="customNotCompleted(tasks).length != 0">
+          <p v-if="customNotCompleted(tasks).length !== 0">
             <a v-show="!taskAddMode" class="pointer" href="" @click.prevent="taskAddMode = true">
               {{ $t('dashboard.task_add_cta') }}
             </a>
           </p>
 
           <!-- Actual list -->
-          <ul v-if="customNotCompleted(tasks).length != 0">
+          <ul v-if="customNotCompleted(tasks).length !== 0">
             <li v-for="task in customNotCompleted(tasks)" :key="task.id" class="pb0 mb2" @mouseover="showTaskAction = task.id" @mouseleave="showTaskAction = 0; confirmDestroyTask = 0">
               <form-checkbox
                 v-model.lazy="task.completed"
@@ -226,10 +226,10 @@
               >
                 {{ task.title }}
               </form-checkbox>
-              <a v-show="showTaskAction == task.id" class="pointer mr1" href="" @click.prevent="confirmDestroyTask = task.id">
+              <a v-show="showTaskAction === task.id" class="pointer mr1" href="" @click.prevent="confirmDestroyTask = task.id">
                 {{ $t('app.delete') }}
               </a>
-              <ul v-show="confirmDestroyTask == task.id" class="di">
+              <ul v-show="confirmDestroyTask === task.id" class="di">
                 <li class="di">
                   <a class="pointer mr1" href="" @click.prevent="confirmDestroyTask = 0">
                     {{ $t('app.cancel') }}
@@ -244,7 +244,7 @@
             </li>
           </ul>
 
-          <ul v-if="customCompleted(tasks).length != 0 && !contactRelatedTasksView">
+          <ul v-if="customCompleted(tasks).length !== 0 && !contactRelatedTasksView">
             <li v-for="task in customCompleted(tasks)" :key="task.id" class="pb0 mb0 f6" @mouseover="showTaskAction = task.id" @mouseleave="showTaskAction = 0; confirmDestroyTask = 0">
               <form-checkbox
                 v-model.lazy="task.completed"
@@ -254,10 +254,10 @@
               >
                 {{ task.title }}
               </form-checkbox>
-              <a v-show="showTaskAction == task.id" class="pointer mr1" href="" @click.prevent="confirmDestroyTask = task.id">
+              <a v-show="showTaskAction === task.id" class="pointer mr1" href="" @click.prevent="confirmDestroyTask = task.id">
                 {{ $t('app.delete') }}
               </a>
-              <ul v-show="confirmDestroyTask == task.id" class="di">
+              <ul v-show="confirmDestroyTask === task.id" class="di">
                 <li class="di">
                   <a class="pointer mr1" href="" @click.prevent="confirmDestroyTask = 0">
                     {{ $t('app.cancel') }}
@@ -365,9 +365,7 @@ export default {
     },
 
     saveTab(view) {
-      axios.post('dashboard/setTab', {'tab':view})
-        .then(response => {
-        });
+      axios.post('dashboard/setTab', {'tab':view});
     },
 
     getCalls() {
@@ -415,7 +413,7 @@ export default {
     // All the contact related tasks
     contactRelated: function (tasks) {
       return tasks.filter(function (task) {
-        return task.contact != null && !task.completed;
+        return task.contact !== null && !task.completed;
       });
     },
 
diff --git a/resources/js/components/journal/JournalList.vue b/resources/js/components/journal/JournalList.vue
index 17cb0801c2b..f93a60f4e8f 100644
--- a/resources/js/components/journal/JournalList.vue
+++ b/resources/js/components/journal/JournalList.vue
@@ -15,11 +15,11 @@
       <!-- Logs -->
       <div v-if="journalEntries.data" v-cy-name="'journal-entries-body'" v-cy-items="journalEntries.data.map(j => j.id)" :cy-object-items="journalEntries.data.map(j => j.object.id)">
         <div v-for="journalEntry in journalEntries.data" :key="journalEntry.id" v-cy-name="'entry-body-' + journalEntry.id" class="cf">
-          <journal-content-rate v-if="journalEntry.journalable_type == 'App\\Models\\Journal\\Day'" :journal-entry="journalEntry" @deleteJournalEntry="deleteJournalEntry" />
+          <journal-content-rate v-if="journalEntry.journalable_type === 'App\\Models\\Journal\\Day'" :journal-entry="journalEntry" @deleteJournalEntry="deleteJournalEntry" />
 
-          <journal-content-activity v-else-if="journalEntry.journalable_type == 'App\\Models\\Account\\Activity'" :journal-entry="journalEntry" />
+          <journal-content-activity v-else-if="journalEntry.journalable_type === 'App\\Models\\Account\\Activity'" :journal-entry="journalEntry" />
 
-          <journal-content-entry v-else-if="journalEntry.journalable_type == 'App\\Models\\Journal\\Entry'" :journal-entry="journalEntry" @deleteJournalEntry="deleteJournalEntry" />
+          <journal-content-entry v-else-if="journalEntry.journalable_type === 'App\\Models\\Journal\\Entry'" :journal-entry="journalEntry" @deleteJournalEntry="deleteJournalEntry" />
         </div>
       </div>
 
@@ -74,7 +74,7 @@ export default {
 
   computed: {
     dirltr() {
-      return this.$root.htmldir == 'ltr';
+      return this.$root.htmldir === 'ltr';
     },
     hasMorePage: function() {
       var total = this.journalEntries.per_page * this.journalEntries.current_page;
@@ -115,7 +115,7 @@ export default {
       // the user does all his actions on the same page without ever
       // reloading the page.
       this.journalEntries.data.filter(function(obj) {
-        return obj.id == $journalEntryId;
+        return obj.id === $journalEntryId;
       });
 
       // Filter out the array without the deleted Journal Entry
diff --git a/resources/js/components/journal/RateDay.vue b/resources/js/components/journal/RateDay.vue
index 955517665a7..8e769f47490 100644
--- a/resources/js/components/journal/RateDay.vue
+++ b/resources/js/components/journal/RateDay.vue
@@ -12,9 +12,9 @@
 </style>
 
 <template>
-  <div v-if="hasRated != true" class="br3 ba b--gray-monica bg-white pa3 mb4">
+  <div v-if="hasRated !== true" class="br3 ba b--gray-monica bg-white pa3 mb4">
     <transition-group name="fade" mode="out-in">
-      <div v-if="hasRated == 'notYet' || hasRated == 'addComment'" :key="'rate'">
+      <div v-if="hasRated === 'notYet' || hasRated === 'addComment'" :key="'rate'">
         <!-- RATE BOX -->
         <div class="flex items-center">
           <div class="fl w-70 f3 pl2">
@@ -26,7 +26,7 @@
                 <!-- sad smiley monochrome -->
                 <svg v-if="!showSadSmileyColor" v-cy-name="'sad-reaction-button'" width="42px" height="41px" viewBox="0 0 42 41"
                      version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-                     class="pointer" :class="{ selected: day.rate == 1 }"
+                     class="pointer" :class="{ selected: day.rate === 1 }"
                      @click="showComment(1)" @mouseover="showSadSmileyColor = true"
                 >
                   <defs />
@@ -46,7 +46,7 @@
                 <!-- sad smiley color -->
                 <svg v-if="showSadSmileyColor" v-cy-name="'sad-reaction-button'" width="42px" height="41px" viewBox="0 0 42 41"
                      version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-                     class="pointer" :class="{ selected: day.rate == 1 }"
+                     class="pointer" :class="{ selected: day.rate === 1 }"
                      @click="showComment(1)" @mouseleave="showSadSmileyColor = false"
                 >
                   <defs />
@@ -67,7 +67,7 @@
                 <svg v-if="!showMediocreSmileyColor" v-cy-name="'medium-reaction-button'" width="42px" height="41px" viewBox="0 0 42 41"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-                     class="pointer" :class="{ selected: day.rate == 2 }" @click="showComment(2)" @mouseover="showMediocreSmileyColor = true"
+                     class="pointer" :class="{ selected: day.rate === 2 }" @click="showComment(2)" @mouseover="showMediocreSmileyColor = true"
                 >
                   <defs />
                   <g id="App" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
@@ -86,7 +86,7 @@
                 <svg v-if="showMediocreSmileyColor" v-cy-name="'medium-reaction-button'" width="42px" height="41px" viewBox="0 0 42 41"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-                     class="pointer" :class="{ selected: day.rate == 2 }" @click="showComment(2)" @mouseleave="showMediocreSmileyColor = false"
+                     class="pointer" :class="{ selected: day.rate === 2 }" @click="showComment(2)" @mouseleave="showMediocreSmileyColor = false"
                 >
                   <defs />
                   <g id="App" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
@@ -104,7 +104,7 @@
                 <!-- happy day monochrome -->
                 <svg v-if="!showHappySmileyColor" v-cy-name="'happy-reaction-button'" width="42px" height="42px" viewBox="0 0 42 42"
                      version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-                     class="pointer" :class="{ selected: day.rate == 3 }"
+                     class="pointer" :class="{ selected: day.rate === 3 }"
                      @click="showComment(3)" @mouseover="showHappySmileyColor = true"
                 >
                   <defs />
@@ -125,7 +125,7 @@
                 <!-- happy day color -->
                 <svg v-if="showHappySmileyColor" v-cy-name="'happy-reaction-button'" width="42px" height="42px" viewBox="0 0 42 42"
                      version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-                     class="pointer" :class="{ selected: day.rate == 3 }"
+                     class="pointer" :class="{ selected: day.rate === 3 }"
                      @click="showComment(3)" @mouseleave="showHappySmileyColor = false"
                 >
                   <defs />
@@ -148,7 +148,7 @@
         </div>
 
         <!-- COMMENT BOX -->
-        <div v-if="hasRated == 'addComment'" :key="'comment'" v-cy-name="'comment'" class="pt2">
+        <div v-if="hasRated === 'addComment'" :key="'comment'" v-cy-name="'comment'" class="pt2">
           <form-textarea
             :id="'comment'"
             v-model="day.comment"
@@ -175,7 +175,7 @@
       </div>
 
       <!-- COME BACK LATER BOX -->
-      <div v-if="hasRated == 'justNow'" :key="'comeback'" class="flex items-center">
+      <div v-if="hasRated === 'justNow'" :key="'comeback'" class="flex items-center">
         <div class="w-70 f3 pl2">
           {{ $t('journal.journal_come_back') }}
         </div>
@@ -203,7 +203,7 @@ export default {
 
   computed: {
     dirltr() {
-      return this.$root.htmldir == 'ltr';
+      return this.$root.htmldir === 'ltr';
     }
   },
 
diff --git a/resources/js/components/journal/partials/JournalCalendar.vue b/resources/js/components/journal/partials/JournalCalendar.vue
index 1a5feac826d..d3d9fbd3de2 100644
--- a/resources/js/components/journal/partials/JournalCalendar.vue
+++ b/resources/js/components/journal/partials/JournalCalendar.vue
@@ -97,7 +97,7 @@ export default {
 
   computed: {
     dirltr() {
-      return this.$root.htmldir == 'ltr';
+      return this.$root.htmldir === 'ltr';
     }
   },
 };
diff --git a/resources/js/components/journal/partials/JournalContentActivity.vue b/resources/js/components/journal/partials/JournalContentActivity.vue
index ce110480ce0..ee3a38bc40e 100644
--- a/resources/js/components/journal/partials/JournalContentActivity.vue
+++ b/resources/js/components/journal/partials/JournalContentActivity.vue
@@ -120,7 +120,7 @@ export default {
 
   computed: {
     dirltr() {
-      return this.$root.htmldir == 'ltr';
+      return this.$root.htmldir === 'ltr';
     }
   },
 
diff --git a/resources/js/components/journal/partials/JournalContentEntry.vue b/resources/js/components/journal/partials/JournalContentEntry.vue
index 1360a7ae058..9948d5fef74 100644
--- a/resources/js/components/journal/partials/JournalContentEntry.vue
+++ b/resources/js/components/journal/partials/JournalContentEntry.vue
@@ -75,7 +75,7 @@ export default {
 
   computed: {
     dirltr() {
-      return this.$root.htmldir == 'ltr';
+      return this.$root.htmldir === 'ltr';
     }
   },
 
diff --git a/resources/js/components/journal/partials/JournalContentRate.vue b/resources/js/components/journal/partials/JournalContentRate.vue
index d95d216203b..74631551103 100644
--- a/resources/js/components/journal/partials/JournalContentRate.vue
+++ b/resources/js/components/journal/partials/JournalContentRate.vue
@@ -30,7 +30,7 @@
 
           <div class="flex-none">
             <!-- sad smiley color -->
-            <svg v-if="day.rate == 1" width="42px" height="41px" viewBox="0 0 42 41" version="1.1"
+            <svg v-if="day.rate === 1" width="42px" height="41px" viewBox="0 0 42 41" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="mt1" :class="[ dirltr ? 'mr3' : 'ml3' ]"
             >
               <defs />
@@ -48,7 +48,7 @@
             </svg>
 
             <!-- mediocre day color -->
-            <svg v-else-if="day.rate == 2" width="42px" height="41px" viewBox="0 0 42 41" version="1.1"
+            <svg v-else-if="day.rate === 2" width="42px" height="41px" viewBox="0 0 42 41" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="mt1" :class="[ dirltr ? 'mr3' : 'ml3' ]"
             >
               <defs />
@@ -65,7 +65,7 @@
             </svg>
 
             <!-- happy day color -->
-            <svg v-else-if="day.rate == 3" width="42px" height="42px" viewBox="0 0 42 42" version="1.1"
+            <svg v-else-if="day.rate === 3" width="42px" height="42px" viewBox="0 0 42 42" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="mt1" :class="[ dirltr ? 'mr3' : 'ml3' ]"
             >
               <defs />
@@ -126,7 +126,7 @@ export default {
 
   computed: {
     dirltr() {
-      return this.$root.htmldir == 'ltr';
+      return this.$root.htmldir === 'ltr';
     }
   },
 
diff --git a/resources/js/components/partials/Avatar.vue b/resources/js/components/partials/Avatar.vue
index daeaf1fd7a0..036ae52f508 100644
--- a/resources/js/components/partials/Avatar.vue
+++ b/resources/js/components/partials/Avatar.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="avatars">
-    <a v-if="clickable == true" :href="'people/' + id">
+    <a v-if="clickable === true" :href="'people/' + id">
       <avatarimg :contact="contact" :imgclass="imgclass" />
     </a>
     <avatarimg v-else :contact="contact" :imgclass="imgclass" />
diff --git a/resources/js/components/partials/Confirm.vue b/resources/js/components/partials/Confirm.vue
index b2c45bf92c1..57073c1d238 100644
--- a/resources/js/components/partials/Confirm.vue
+++ b/resources/js/components/partials/Confirm.vue
@@ -53,7 +53,7 @@ export default {
 
   computed: {
     lclass() {
-      return this.linkClass == '' ? 'pointer' : this.linkClass;
+      return this.linkClass === '' ? 'pointer' : this.linkClass;
     }
   },
 
diff --git a/resources/js/components/partials/Error.vue b/resources/js/components/partials/Error.vue
index e3b3c24c5fc..799dc06aeda 100644
--- a/resources/js/components/partials/Error.vue
+++ b/resources/js/components/partials/Error.vue
@@ -12,7 +12,7 @@
       </p>
     </template>
     <template v-else>
-      <p v-if="errors[0] != 'The given data was invalid.'">
+      <p v-if="errors[0] !== 'The given data was invalid.'">
         {{ errors[0] }}
       </p>
       <template v-if="display(errors[1])">
diff --git a/resources/js/components/partials/SpecialDate.vue b/resources/js/components/partials/SpecialDate.vue
index 930b4a5e7a1..00bff3235a4 100644
--- a/resources/js/components/partials/SpecialDate.vue
+++ b/resources/js/components/partials/SpecialDate.vue
@@ -29,7 +29,7 @@
           <template slot="label">
             {{ $t('people.information_edit_probably') }}
           </template>
-          <div v-if="selectedOption == 'approximate'" slot="extra">
+          <div v-if="selectedOption === 'approximate'" slot="extra">
             <form-input
               :id="'age'"
               ref="age"
@@ -52,7 +52,7 @@
           <template slot="label">
             {{ $t('people.information_edit_not_year') }}
           </template>
-          <div v-if="selectedOption == 'almost'" slot="extra" class="mt2">
+          <div v-if="selectedOption === 'almost'" slot="extra" class="mt2">
             <div class="flex">
               <form-select
                 :id="'month'"
@@ -83,7 +83,7 @@
           <template slot="label">
             {{ $t('people.information_edit_exact') }}
           </template>
-          <div v-if="selectedOption == 'exact'" slot="extra" class="mt2">
+          <div v-if="selectedOption === 'exact'" slot="extra" class="mt2">
             <form-date
               :id="'birthdayDate'"
               ref="birthday"
@@ -99,7 +99,7 @@
       </div>
     </div>
 
-    <div v-if="selectedOption == 'exact' || selectedOption == 'almost'" class="pa4-ns ph3 pv2 bb b--gray-monica">
+    <div v-if="selectedOption === 'exact' || selectedOption === 'almost'" class="pa4-ns ph3 pv2 bb b--gray-monica">
       <div class="mb2 mb0-ns">
         <form-checkbox
           v-model.lazy="hasBirthdayReminder"
@@ -200,7 +200,7 @@ export default {
 
   computed: {
     dirltr() {
-      return this.$root.htmldir == 'ltr';
+      return this.$root.htmldir === 'ltr';
     },
     locale() {
       return this.$root.locale;
@@ -223,7 +223,7 @@ export default {
 
   mounted() {
     this.selectedDate = this.birthdate;
-    this.selectedOption = this.value != '' ? this.value : 'unknown';
+    this.selectedOption = this.value !== '' ? this.value : 'unknown';
     this.selectedOptionSave = this.selectedOption;
     this.selectedAge = this.age;
     this.selectedMonth = this.month;
diff --git a/resources/js/components/partials/SpecialDeceased.vue b/resources/js/components/partials/SpecialDeceased.vue
index 3aac71f6e9a..e625755521c 100644
--- a/resources/js/components/partials/SpecialDeceased.vue
+++ b/resources/js/components/partials/SpecialDeceased.vue
@@ -37,7 +37,7 @@
             :locale="locale"
             :validator="$v.selectedDate"
           />
-          <div v-show="selectedDate != ''" class="mt2">
+          <div v-show="selectedDate !== ''" class="mt2">
             <form-checkbox
               :name="'add_reminder_deceased'"
               :value="true"
@@ -99,7 +99,7 @@ export default {
 
   computed: {
     dirltr() {
-      return this.$root.htmldir == 'ltr';
+      return this.$root.htmldir === 'ltr';
     },
     locale() {
       return this.$root.locale;
@@ -118,7 +118,7 @@ export default {
 
   mounted() {
     this.deceased = this.value;
-    this.dateKnown = this.date != '';
+    this.dateKnown = this.date !== '';
     this.selectedDate = this.date;
   },
 
diff --git a/resources/js/components/partials/form/Date.vue b/resources/js/components/partials/form/Date.vue
index b611c923346..59bb4718ebc 100644
--- a/resources/js/components/partials/form/Date.vue
+++ b/resources/js/components/partials/form/Date.vue
@@ -127,7 +127,7 @@ export default {
 
   mounted() {
     this.updateExchange(this.value === '' ? this.defaultDate : this.value);
-    this.mondayFirst = moment.localeData().firstDayOfWeek() == 1;
+    this.mondayFirst = moment.localeData().firstDayOfWeek() === 1;
   },
 
   methods: {
diff --git a/resources/js/components/partials/form/Input.vue b/resources/js/components/partials/form/Input.vue
index 7d333bf25c0..681ca6177d3 100644
--- a/resources/js/components/partials/form/Input.vue
+++ b/resources/js/components/partials/form/Input.vue
@@ -109,7 +109,7 @@ export default {
       return this.id + this._uid;
     },
     inputClass() {
-      var c = [this.iclass != '' ? this.iclass : 'br2 f5 w-100 ba b--black-40 pa2 outline-0'];
+      var c = [this.iclass !== '' ? this.iclass : 'br2 f5 w-100 ba b--black-40 pa2 outline-0'];
       if (this.validator) {
         c.push({ error: this.validator.$error });
       }
@@ -136,7 +136,7 @@ export default {
         type = 'numeric';
         break;
       }
-      return this.$t('validation.vue.max.'.type, {
+      return this.$t(`validation.vue.max.${type}`, {
         field: this.field,
         max: this.validator ? this.validator.$params.maxLength.max : '',
       });
diff --git a/resources/js/components/partials/form/PInput.vue b/resources/js/components/partials/form/PInput.vue
index 7c10c17bef3..29a59822476 100644
--- a/resources/js/components/partials/form/PInput.vue
+++ b/resources/js/components/partials/form/PInput.vue
@@ -93,10 +93,10 @@ export default {
       return 'input';
     },
     inputClass() {
-      return this.fullClass != '' ? this.fullClass : [this.iclass, 'p-default', this.$options.input_iclass];
+      return this.fullClass !== '' ? this.fullClass : [this.iclass, 'p-default', this.$options.input_iclass];
     },
     inputColor() {
-      return this.color != '' ? this.color : 'primary-o';
+      return this.color !== '' ? this.color : 'primary-o';
     },
   },
 
diff --git a/resources/js/components/partials/form/Select.vue b/resources/js/components/partials/form/Select.vue
index 27f18138985..d0d64c4eeeb 100644
--- a/resources/js/components/partials/form/Select.vue
+++ b/resources/js/components/partials/form/Select.vue
@@ -113,7 +113,7 @@ export default {
       return this.id + this._uid;
     },
     selectClass() {
-      var c = [this.iclass != '' ? this.iclass : 'br2 f5 w-100 ba b--black-40 pa2 outline-0'];
+      var c = [this.iclass !== '' ? this.iclass : 'br2 f5 w-100 ba b--black-40 pa2 outline-0'];
       if (this.validator) {
         c.push({ error: this.validator.$error });
       }
@@ -145,7 +145,7 @@ export default {
     filterExclude: function (options) {
       var me = this;
       return options.filter(function (option) {
-        return option.id != me.excludedId;
+        return option.id !== me.excludedId;
       });
     },
 
diff --git a/resources/js/components/partials/form/Toggle.vue b/resources/js/components/partials/form/Toggle.vue
index dcac27bd096..7acac952682 100644
--- a/resources/js/components/partials/form/Toggle.vue
+++ b/resources/js/components/partials/form/Toggle.vue
@@ -73,7 +73,7 @@ export default {
       return this.id + this._uid;
     },
     inputClass() {
-      return this.iclass != '' ? this.iclass : '';
+      return this.iclass !== '' ? this.iclass : '';
     },
   },
 
diff --git a/resources/js/components/passport/Clients.vue b/resources/js/components/passport/Clients.vue
index f4e7301ce55..817d72a8cd4 100644
--- a/resources/js/components/passport/Clients.vue
+++ b/resources/js/components/passport/Clients.vue
@@ -82,7 +82,7 @@
                  @open="_focusInput"
     >
       <!-- Form Errors -->
-      <error :errors="form.errors" />
+      <errors :errors="form.errors" />
 
       <!-- Create Client Form -->
       <form ref="form" class="form-horizontal" role="form">
@@ -140,7 +140,7 @@
 </template>
 
 <script>
-import Error from '../partials/Error.vue';
+import Errors from '../partials/Error.vue';
 import { SweetModal } from 'sweet-modal-vue';
 import { validationMixin } from 'vuelidate';
 import { required, url } from 'vuelidate/lib/validators';
@@ -149,7 +149,7 @@ export default {
 
   components: {
     SweetModal,
-    Error
+    Errors,
   },
 
   mixins: [validationMixin],
@@ -180,7 +180,7 @@ export default {
 
   computed: {
     dirltr() {
-      return this.$root.htmldir == 'ltr';
+      return this.$root.htmldir === 'ltr';
     }
   },
 
diff --git a/resources/js/components/passport/PersonalAccessTokens.vue b/resources/js/components/passport/PersonalAccessTokens.vue
index 06ef94b08bb..8c219ff90ae 100644
--- a/resources/js/components/passport/PersonalAccessTokens.vue
+++ b/resources/js/components/passport/PersonalAccessTokens.vue
@@ -66,7 +66,7 @@
                  :title="$t('settings.api_token_create')" @open="_focusInput"
     >
       <!-- Form Errors -->
-      <error :errors="form.errors" />
+      <errors :errors="form.errors" />
 
       <!-- Create Token Form -->
       <form ref="form" class="form-horizontal" role="form" @submit.prevent="store">
@@ -140,7 +140,7 @@
 </template>
 
 <script>
-import Error from '../partials/Error.vue';
+import Errors from '../partials/Error.vue';
 import { SweetModal } from 'sweet-modal-vue';
 import { validationMixin } from 'vuelidate';
 import { required } from 'vuelidate/lib/validators';
@@ -149,7 +149,7 @@ export default {
 
   components: {
     SweetModal,
-    Error
+    Errors,
   },
 
   mixins: [validationMixin],
@@ -180,7 +180,7 @@ export default {
 
   computed: {
     dirltr() {
-      return this.$root.htmldir == 'ltr';
+      return this.$root.htmldir === 'ltr';
     }
   },
 
@@ -281,7 +281,7 @@ export default {
      */
     toggleScope(scope) {
       if (this.scopeIsAssigned(scope)) {
-        this.form.scopes = _.reject(this.form.scopes, s => s == scope);
+        this.form.scopes = _.reject(this.form.scopes, s => s === scope);
       } else {
         this.form.scopes.push(scope);
       }
diff --git a/resources/js/components/people/Addresses.vue b/resources/js/components/people/Addresses.vue
index 3511875ce84..87936884462 100644
--- a/resources/js/components/people/Addresses.vue
+++ b/resources/js/components/people/Addresses.vue
@@ -17,7 +17,7 @@
     </div>
 
     <!-- EMPTY BOX - DISPLAY ADD BUTTON -->
-    <p v-if="contactAddresses.length == 0 && !addMode" class="mb0">
+    <p v-if="contactAddresses.length === 0 && !addMode" class="mb0">
       <a class="pointer" href="" @click.prevent="toggleAdd">
         {{ $t('app.add') }}
       </a>
@@ -289,7 +289,7 @@ export default {
 
   computed: {
     dirltr() {
-      return this.$root.htmldir == 'ltr';
+      return this.$root.htmldir === 'ltr';
     }
   },
 
@@ -361,7 +361,7 @@ export default {
 
     toggleEditExcept(contactAddressId) {
       _.forEach(_.filter(this.contactAddresses, function (a) {
-        return a.id != contactAddressId;}
+        return a.id !== contactAddressId;}
       ), function (a) {
         Vue.set(a, 'edit', false);
       });
diff --git a/resources/js/components/people/ContactInformation.vue b/resources/js/components/people/ContactInformation.vue
index 5686597fbc7..6157e3d2ab0 100644
--- a/resources/js/components/people/ContactInformation.vue
+++ b/resources/js/components/people/ContactInformation.vue
@@ -16,7 +16,7 @@
       </div>
     </div>
 
-    <p v-if="contactInformationData.length == 0 && !addMode" class="mb0">
+    <p v-if="contactInformationData.length === 0 && !addMode" class="mb0">
       <a class="pointer" href="" @click.prevent="toggleAdd">
         {{ $t('app.add') }}
       </a>
@@ -152,7 +152,7 @@ export default {
 
   computed: {
     dirltr() {
-      return this.$root.htmldir == 'ltr';
+      return this.$root.htmldir === 'ltr';
     }
   },
 
diff --git a/resources/js/components/people/ContactList.vue b/resources/js/components/people/ContactList.vue
index 7c0a52c345a..a7a09b4f128 100644
--- a/resources/js/components/people/ContactList.vue
+++ b/resources/js/components/people/ContactList.vue
@@ -164,7 +164,7 @@ export default {
 
   computed: {
     dirltr() {
-      return this.$root.htmldir == 'ltr';
+      return this.$root.htmldir === 'ltr';
     }
   },
 
diff --git a/resources/js/components/people/ContactSearch.vue b/resources/js/components/people/ContactSearch.vue
index 719a76c91e7..2a91d9e00a9 100644
--- a/resources/js/components/people/ContactSearch.vue
+++ b/resources/js/components/people/ContactSearch.vue
@@ -72,7 +72,7 @@ export default {
         names = names.split(' ').map(name => _.capitalize(name));
 
         let first_name, last_name;
-        if (this.formNameOrder == 'firstname') {
+        if (this.formNameOrder === 'firstname') {
           first_name = names[0];
           last_name = names.slice(1).join(' ');
         } else {
@@ -90,8 +90,9 @@ export default {
         if (email) {
           params.set('email', email);
         }
+        let p = params.toString();
 
-        window.location = 'people/add' + (params != '' ? '?' + params : '');
+        window.location = 'people/add' + (p !== '' ? '?' + p : '');
       }
     },
 
diff --git a/resources/js/components/people/ContactSelect.vue b/resources/js/components/people/ContactSelect.vue
index 2761a7ce276..b9f0022ad55 100644
--- a/resources/js/components/people/ContactSelect.vue
+++ b/resources/js/components/people/ContactSelect.vue
@@ -141,13 +141,6 @@ export default {
     search(keyword, loading) {
       this.updateItems(keyword);
     },
-
-    blur(e) {
-      //this.items = this.defaultOptions;
-    },
-
-    focus(e) {
-    }
   }
 };
 </script>
diff --git a/resources/js/components/people/Emotion.vue b/resources/js/components/people/Emotion.vue
index b2ec298784e..2807f42a200 100644
--- a/resources/js/components/people/Emotion.vue
+++ b/resources/js/components/people/Emotion.vue
@@ -34,7 +34,7 @@
   <div>
     <div class="relative">
       <!-- CHOSEN EMOTIONS -->
-      <ul v-show="chosenEmotions.length != 0" class="mr2 di">
+      <ul v-show="chosenEmotions.length !== 0" class="mr2 di">
         <li v-for="chosenEmotion in chosenEmotions" :key="chosenEmotion.id" class="dib emotion br5 mr2">
           <span class="ph2 pv1 dib">
             {{ $t('app.emotion_' + chosenEmotion.name) }}
@@ -53,7 +53,7 @@
         <!-- MENU OF EMOTIONS -->
         <ul v-show="menu" class="absolute emotion-action-menu bg-white z-max pv1">
           <!-- PRIMARY -->
-          <li v-for="primaryEmotion in primaryEmotions" v-show="emotionsMenu == 'primary'" :key="'primary' + primaryEmotion.id" class="pa2 pointer relative emotion-list-line" @click.prevent="showSecondary(primaryEmotion)">
+          <li v-for="primaryEmotion in primaryEmotions" v-show="emotionsMenu === 'primary'" :key="'primary' + primaryEmotion.id" class="pa2 pointer relative emotion-list-line" @click.prevent="showSecondary(primaryEmotion)">
             {{ $t('app.emotion_primary_' + primaryEmotion.name) }}
 
             <svg class="absolute emotion-add-arrow" width="10" height="13" viewBox="0 0 10 13" fill="none"
@@ -64,12 +64,12 @@
           </li>
 
           <!-- SECONDARY -->
-          <li v-show="emotionsMenu == 'secondary'" class="pa2 pointer bb b--gray-monica">
+          <li v-show="emotionsMenu === 'secondary'" class="pa2 pointer bb b--gray-monica">
             <a class="no-underline" @click.prevent="emotionsMenu = 'primary'">
               ← {{ $t('app.back') }}
             </a>
           </li>
-          <li v-for="secondaryEmotion in secondaryEmotions" v-show="emotionsMenu == 'secondary'" :key="'secondary' + secondaryEmotion.id" class="pa2 pointer relative emotion-list-line" @click.prevent="showEmotion(secondaryEmotion)">
+          <li v-for="secondaryEmotion in secondaryEmotions" v-show="emotionsMenu === 'secondary'" :key="'secondary' + secondaryEmotion.id" class="pa2 pointer relative emotion-list-line" @click.prevent="showEmotion(secondaryEmotion)">
             {{ $t('app.emotion_secondary_' + secondaryEmotion.name) }}
 
             <svg class="absolute emotion-add-arrow" width="10" height="13" viewBox="0 0 10 13" fill="none"
@@ -80,12 +80,12 @@
           </li>
 
           <!-- EMOTION -->
-          <li v-show="emotionsMenu == 'emotions'" class="pa2 pointer bb b--gray-monica">
+          <li v-show="emotionsMenu === 'emotions'" class="pa2 pointer bb b--gray-monica">
             <a class="no-underline" @click.prevent="emotionsMenu = 'secondary'">
               ← {{ $t('app.back') }}
             </a>
           </li>
-          <li v-for="emotion in emotions" v-show="emotionsMenu == 'emotions'" :key="emotion.id" class="pa2 pointer emotion-list-line" @click.prevent="addEmotion(emotion)">
+          <li v-for="emotion in emotions" v-show="emotionsMenu === 'emotions'" :key="emotion.id" class="pa2 pointer emotion-list-line" @click.prevent="addEmotion(emotion)">
             {{ $t('app.emotion_' + emotion.name) }}
           </li>
         </ul>
diff --git a/resources/js/components/people/MeContact.vue b/resources/js/components/people/MeContact.vue
index c098f1de2dc..9add3287e71 100644
--- a/resources/js/components/people/MeContact.vue
+++ b/resources/js/components/people/MeContact.vue
@@ -89,7 +89,7 @@ export default {
 
   computed: {
     dirltr() {
-      return this.$root.htmldir == 'ltr';
+      return this.$root.htmldir === 'ltr';
     }
   },
 
diff --git a/resources/js/components/people/Notes.vue b/resources/js/components/people/Notes.vue
index dd7558f67cf..e157080f72f 100644
--- a/resources/js/components/people/Notes.vue
+++ b/resources/js/components/people/Notes.vue
@@ -119,7 +119,7 @@ export default {
 
   computed: {
     dirltr() {
-      return this.$root.htmldir == 'ltr';
+      return this.$root.htmldir === 'ltr';
     }
   },
 
diff --git a/resources/js/components/people/Participant.vue b/resources/js/components/people/Participant.vue
index eb21bfd0207..b18a996e2f2 100644
--- a/resources/js/components/people/Participant.vue
+++ b/resources/js/components/people/Participant.vue
@@ -19,7 +19,7 @@ input[type=text]:focus {
 
 <template>
   <div class="relative">
-    <ul v-show="chosenParticipants.length != 0" class="mr2 mb3">
+    <ul v-show="chosenParticipants.length !== 0" class="mr2 mb3">
       <li v-for="chosenParticipant in chosenParticipants"
           :key="chosenParticipant.id"
           class="dib participant br5 mr2"
@@ -32,7 +32,7 @@ input[type=text]:focus {
         </span>
       </li>
     </ul>
-    <div v-show="participants.length != 0" class="ba b--gray-monica">
+    <div v-show="participants.length !== 0" class="ba b--gray-monica">
       <span class="db bb b--gray-monica pa2">
         <input v-model="search" type="text" :placeholder="$t('app.filter')" class="br2 f5 w-100 ba b--black-20 pa2 outline-0" />
       </span>
diff --git a/resources/js/components/people/Pets.vue b/resources/js/components/people/Pets.vue
index 40a7f64aada..1ef402d8346 100644
--- a/resources/js/components/people/Pets.vue
+++ b/resources/js/components/people/Pets.vue
@@ -17,7 +17,7 @@
     </div>
 
     <!-- Add button when box is empty -->
-    <p v-if="pets.length == 0 && !addMode" class="mb0">
+    <p v-if="pets.length === 0 && !addMode" class="mb0">
       <a class="pointer" href="" @click.prevent="toggleAdd">
         {{ $t('app.add') }}
       </a>
@@ -147,7 +147,7 @@ export default {
 
   computed: {
     dirltr() {
-      return this.$root.htmldir == 'ltr';
+      return this.$root.htmldir === 'ltr';
     }
   },
 
diff --git a/resources/js/components/people/SetAvatar.vue b/resources/js/components/people/SetAvatar.vue
index c5507eaaa21..02c23394aa8 100644
--- a/resources/js/components/people/SetAvatar.vue
+++ b/resources/js/components/people/SetAvatar.vue
@@ -166,7 +166,7 @@ export default {
 
   computed: {
     dirltr() {
-      return this.$root.htmldir == 'ltr';
+      return this.$root.htmldir === 'ltr';
     }
   },
 
diff --git a/resources/js/components/people/StayInTouch.vue b/resources/js/components/people/StayInTouch.vue
index a474e7de120..0f80e5dac8a 100644
--- a/resources/js/components/people/StayInTouch.vue
+++ b/resources/js/components/people/StayInTouch.vue
@@ -145,7 +145,7 @@
             </div>
           </div>
 
-          <div v-if="errorMessage != ''" class="form-error-message mb3">
+          <div v-if="errorMessage !== ''" class="form-error-message mb3">
             <div class="pa2">
               <p class="mb0">
                 {{ errorMessage }}
@@ -217,7 +217,7 @@ export default {
 
   computed: {
     dirltr() {
-      return this.$root.htmldir == 'ltr';
+      return this.$root.htmldir === 'ltr';
     }
   },
 
@@ -227,7 +227,7 @@ export default {
 
   methods: {
     prepareComponent() {
-      if (this.contact.stay_in_touch_frequency == null) {
+      if (this.contact.stay_in_touch_frequency === null) {
         this.frequency = 0;
       } else {
         this.frequency = parseInt(this.contact.stay_in_touch_frequency);
@@ -241,7 +241,7 @@ export default {
       this.stateInput = this.isActive;
       this.frequencyInput = this.frequency;
     },
-    
+
     formatDate(dateAsString) {
       const moment = require('moment-timezone');
       moment.locale(this._i18n.locale);
diff --git a/resources/js/components/people/Tags.vue b/resources/js/components/people/Tags.vue
index 30f53411a8b..8aa4de077d0 100644
--- a/resources/js/components/people/Tags.vue
+++ b/resources/js/components/people/Tags.vue
@@ -72,7 +72,7 @@
       </li>
 
       <!-- case of no tags -->
-      <li v-show="contactTags.length == 0 && !editMode" class="di">
+      <li v-show="contactTags.length === 0 && !editMode" class="di">
         <span class="i mr2">
           {{ $t('people.tag_no_tags') }}
         </span>
@@ -110,7 +110,7 @@ export default {
 
   computed: {
     dirltr() {
-      return this.$root.htmldir == 'ltr';
+      return this.$root.htmldir === 'ltr';
     }
   },
 
@@ -154,7 +154,7 @@ export default {
     },
 
     onEnter() {
-      if (this.search != '') {
+      if (this.search !== '') {
         this.contactTags.push({
           id: moment().format(), // we just need a random ID here
           name: this.search
@@ -197,7 +197,7 @@ export default {
       var me = this.contactTags;
       var search = _.toLower(this.search);
       this.results = this.allTags.filter(item => _.toLower(item.name).indexOf(search) > -1
-                                                  && _.findIndex(me, t => t.name == item.name) < 0);
+                                                  && _.findIndex(me, t => t.name === item.name) < 0);
     },
 
     filterAllTags() {
diff --git a/resources/js/components/people/Tasks.vue b/resources/js/components/people/Tasks.vue
index fff863e1459..95a0cb015ab 100644
--- a/resources/js/components/people/Tasks.vue
+++ b/resources/js/components/people/Tasks.vue
@@ -5,7 +5,7 @@
       <h3>
         {{ $t('people.section_personal_tasks') }}
 
-        <span v-if="tasks.length != 0" class="f6 pt2" :class="[ dirltr ? 'fr' : 'fl' ]">
+        <span v-if="tasks.length !== 0" class="f6 pt2" :class="[ dirltr ? 'fr' : 'fl' ]">
           <a v-if="!editMode" v-cy-name="'task-toggle-edit-mode'" class="pointer" href="" @click.prevent="editMode = true">
             {{ $t('app.edit') }}
           </a>
@@ -18,7 +18,7 @@
 
     <div :class="[editMode ? 'bg-washed-yellow b--yellow ba pa2' : '']">
       <!-- EMPTY STATE -->
-      <div v-if="tasks.length == 0 && !addMode" v-cy-name="'task-blank-state'" class="tc bg-near-white b--moon-gray pa3">
+      <div v-if="tasks.length === 0 && !addMode" v-cy-name="'task-blank-state'" class="tc bg-near-white b--moon-gray pa3">
         <p>{{ $t('people.tasks_blank_title') }}</p>
         <p>
           <a v-cy-name="'add-task-button'" class="pointer" href="" @click.prevent="toggleAddMode">
@@ -81,7 +81,7 @@
       </ul>
 
       <!-- ADD TASK TO ENTER ADD MODE -->
-      <div v-if="!updateMode && !addMode && tasks.length != 0" class="bg-near-white pa2 br2 mt3 mb3">
+      <div v-if="!updateMode && !addMode && tasks.length !== 0" class="bg-near-white pa2 br2 mt3 mb3">
         <a class="pointer" href="" @click.prevent="toggleAddMode">
           {{ $t('people.tasks_add_task') }}
         </a>
@@ -177,7 +177,7 @@ export default {
 
   computed: {
     dirltr() {
-      return this.$root.htmldir == 'ltr';
+      return this.$root.htmldir === 'ltr';
     }
   },
 
diff --git a/resources/js/components/people/activity/ActivityList.vue b/resources/js/components/people/activity/ActivityList.vue
index 7377433a62e..cf98f4917b8 100644
--- a/resources/js/components/people/activity/ActivityList.vue
+++ b/resources/js/components/people/activity/ActivityList.vue
@@ -11,7 +11,7 @@
         🍿&#8199;{{ $t('people.activity_title') }}
 
         <span class="fr relative btn-title">
-          <a v-if="displayLogActivity == false" v-cy-name="'add-activity-button'" class="btn edit-information" @click="displayLogActivity = true">
+          <a v-if="displayLogActivity === false" v-cy-name="'add-activity-button'" class="btn edit-information" @click="displayLogActivity = true">
             {{ $t('people.activities_add_activity') }}
           </a>
           <a v-else class="btn edit-information" @click="displayLogActivity = false">
@@ -22,7 +22,7 @@
     </div>
 
     <!-- BLANK STATE -->
-    <div v-if="!displayLogActivity && activities.length == 0" class="w-100">
+    <div v-if="!displayLogActivity && activities.length === 0" class="w-100">
       <div v-cy-name="'activities-blank-state'" class="bg-near-white tc pa3 br2 ba b--light-gray">
         <p>{{ $t('people.activities_blank_title', { name: name }) }}</p>
         <a class="pointer" href="" @click.prevent="displayLogActivity = true">
@@ -75,7 +75,7 @@
                 </li>
 
                 <!-- EMOTIONS LIST -->
-                <li v-if="activity.emotions.length != 0" class="di">
+                <li v-if="activity.emotions.length !== 0" class="di">
                   <ul class="di list" :class="[ dirltr ? 'mr3' : 'ml3' ]">
                     <li class="di">
                       {{ $t('people.activities_list_emotions') }}
@@ -97,8 +97,8 @@
               <ul class="list">
                 <li class="di">
                   <a v-cy-name="'edit-activity-button-'+activity.id" href="" class="pointer" @click.prevent="$set(activity, 'edit', true)">{{ $t('app.edit') }}</a>
-                  <a v-show="destroyActivityId != activity.id" v-cy-name="'delete-activity-button-'+activity.id" href="" class="pointer" @click.prevent="showDestroyActivity(activity)">{{ $t('app.delete') }}</a>
-                  <ul v-show="destroyActivityId == activity.id" class="di">
+                  <a v-show="destroyActivityId !== activity.id" v-cy-name="'delete-activity-button-'+activity.id" href="" class="pointer" @click.prevent="showDestroyActivity(activity)">{{ $t('app.delete') }}</a>
+                  <ul v-show="destroyActivityId === activity.id" class="di">
                     <li class="di">
                       <a v-cy-name="'confirm-delete-activity'" class="pointer red" @click.prevent="destroyActivity(activity)">
                         {{ $t('app.delete_confirm') }}
@@ -180,7 +180,7 @@ export default {
 
   computed: {
     dirltr() {
-      return this.$root.htmldir == 'ltr';
+      return this.$root.htmldir === 'ltr';
     }
   },
 
diff --git a/resources/js/components/people/activity/CreateActivity.vue b/resources/js/components/people/activity/CreateActivity.vue
index 6ed8660b3ec..387d8327105 100644
--- a/resources/js/components/people/activity/CreateActivity.vue
+++ b/resources/js/components/people/activity/CreateActivity.vue
@@ -191,7 +191,7 @@ export default {
     },
 
     dirltr() {
-      return this.$root.htmldir == 'ltr';
+      return this.$root.htmldir === 'ltr';
     }
   },
 
@@ -238,7 +238,7 @@ export default {
         this.newActivity.activity_type_id = null;
         this.participants = [];
       }
-      this.displayDescription = this.newActivity.description ? this.newActivity.description != '' : false;
+      this.displayDescription = this.newActivity.description ? this.newActivity.description !== '' : false;
       this.displayEmotions = this.newActivity.emotions && this.newActivity.emotions.length > 0;
       this.displayCategory = this.newActivity.activity_type_id !== null;
       this.displayParticipants = this.participants.length > 0;
diff --git a/resources/js/components/people/calls/PhoneCallList.vue b/resources/js/components/people/calls/PhoneCallList.vue
index 78bcaf3e605..a2a002062d0 100644
--- a/resources/js/components/people/calls/PhoneCallList.vue
+++ b/resources/js/components/people/calls/PhoneCallList.vue
@@ -5,7 +5,7 @@
         ☎️&#8199;{{ $t('people.call_title') }}
 
         <span class="fr relative" style="top: -7px;">
-          <a v-if="displayLogCall == false" v-cy-name="'add-call-button'" class="btn edit-information" href="" @click.prevent="displayLogCall = true">
+          <a v-if="displayLogCall === false" v-cy-name="'add-call-button'" class="btn edit-information" href="" @click.prevent="displayLogCall = true">
             {{ $t('people.call_button') }}
           </a>
           <a v-if="displayLogCall" class="btn edit-information" href="" @click.prevent="displayLogCall = false">
@@ -16,7 +16,7 @@
     </div>
 
     <!-- BLANK STATE -->
-    <div v-if="!displayLogCall && calls.length == 0" v-cy-name="'calls-blank-state'" class="w-100">
+    <div v-if="!displayLogCall && calls.length === 0" v-cy-name="'calls-blank-state'" class="w-100">
       <div class="bg-near-white tc pa3 br2 ba b--light-gray">
         <p>{{ $t('people.call_blank_title', { name: name }) }}</p>
         <a class="pointer" href="" @click.prevent="displayLogCall = true">
@@ -120,7 +120,7 @@
     <!-- LIST OF CALLS -->
     <div v-cy-name="'calls-body'" v-cy-items="calls.map(c => c.id)">
       <div v-for="call in calls" :key="call.id" v-cy-name="'call-body-'+call.id" class="ba br2 b--black-10 br--top w-100 mb2">
-        <div v-show="editCallId != call.id" class="pa2">
+        <div v-show="editCallId !== call.id" class="pa2">
           <span v-if="!call.content">
             {{ $t('people.call_blank_desc', { name: call.contact.first_name }) }}
           </span>
@@ -128,7 +128,7 @@
         </div>
 
         <!-- INLINE UPDATE DIV -->
-        <div v-show="editCallId == call.id" class="pa2">
+        <div v-show="editCallId === call.id" class="pa2">
           <div>
             <form-textarea
               v-model="editCall.content"
@@ -216,7 +216,7 @@
             </span>
 
             <!-- EMOTION LIST -->
-            <span v-if="call.emotions.length != 0">
+            <span v-if="call.emotions.length !== 0">
               <span :class="[ dirltr ? 'mr2' : 'ml2' ]">
                 {{ $t('people.call_emotions') }}
               </span>
@@ -232,10 +232,10 @@
             <a :class="[ dirltr ? 'mr2' : 'ml2' ]" class="pointer " href="" @click.prevent="showEditBox(call)">
               {{ $t('app.update') }}
             </a>
-            <a v-show="destroyCallId != call.id" v-cy-name="'delete-call-button-'+call.id" class="pointer" href="" @click.prevent="showDestroyCall(call)">
+            <a v-show="destroyCallId !== call.id" v-cy-name="'delete-call-button-'+call.id" class="pointer" href="" @click.prevent="showDestroyCall(call)">
               {{ $t('app.delete') }}
             </a>
-            <ul v-show="destroyCallId == call.id" class="di">
+            <ul v-show="destroyCallId === call.id" class="di">
               <li class="di">
                 <a class="pointer mr1" href="" @click.prevent="destroyCallId = 0">
                   {{ $t('app.cancel') }}
@@ -304,7 +304,7 @@ export default {
 
   computed: {
     dirltr() {
-      return this.$root.htmldir == 'ltr';
+      return this.$root.htmldir === 'ltr';
     },
     locale() {
       return this.$root.locale;
diff --git a/resources/js/components/people/conversation/Conversation.vue b/resources/js/components/people/conversation/Conversation.vue
index 9dfd75c83ed..25d1ea2a15d 100644
--- a/resources/js/components/people/conversation/Conversation.vue
+++ b/resources/js/components/people/conversation/Conversation.vue
@@ -34,7 +34,7 @@
         <div :class="message.author + ' absolute'"></div>
         <message
           v-model="message.content"
-          :class="{ 'mb3 ml5': message.author == 'me', 'mb3 mr5': message.author == 'other' }"
+          :class="{ 'mb3 ml5': message.author === 'me', 'mb3 mr5': message.author === 'other' }"
           :author="message.author"
           :uid="message.uid"
           :participant-name="participantName"
diff --git a/resources/js/components/people/conversation/ConversationList.vue b/resources/js/components/people/conversation/ConversationList.vue
index a2cc14aa7db..d145321bbbd 100644
--- a/resources/js/components/people/conversation/ConversationList.vue
+++ b/resources/js/components/people/conversation/ConversationList.vue
@@ -13,7 +13,7 @@
       @on-row-click="onRowClick"
     >
       <template slot="table-row" slot-scope="props">
-        <span v-if="props.column.field == 'message_count'">
+        <span v-if="props.column.field === 'message_count'">
           <span>
             {{ props.row.message_count }}
             <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg">
diff --git a/resources/js/components/people/conversation/Message.vue b/resources/js/components/people/conversation/Message.vue
index 99216dad5f8..46395b31aba 100644
--- a/resources/js/components/people/conversation/Message.vue
+++ b/resources/js/components/people/conversation/Message.vue
@@ -36,7 +36,7 @@
       </span>
       <div class="di mr3">
         <input :id="'other_' + uid" v-model="updatedAuthor" class="pointer" type="radio" :name="'who_wrote_' + uid"
-               value="other" :checked="updatedAuthor == 'other'" @click="updateAuthor('other')"
+               value="other" :checked="updatedAuthor === 'other'" @click="updateAuthor('other')"
         />
         <label :for="'other_' + uid" class="pointer">
           {{ participantName }}
@@ -44,7 +44,7 @@
       </div>
       <div class="di">
         <input :id="'me_' + uid" v-model="updatedAuthor" class="pointer" type="radio" :name="'who_wrote_' + uid"
-               value="me" :checked="updatedAuthor == 'me'" @click="updateAuthor('me')"
+               value="me" :checked="updatedAuthor === 'me'" @click="updateAuthor('me')"
         />
         <label :for="'me_' + uid" class="pointer">
           {{ $t('people.conversation_add_you') }}
@@ -111,7 +111,7 @@ export default {
 
   computed: {
     dirltr() {
-      return this.$root.htmldir == 'ltr';
+      return this.$root.htmldir === 'ltr';
     }
   },
 
diff --git a/resources/js/components/people/document/DocumentList.vue b/resources/js/components/people/document/DocumentList.vue
index 3cd4fb578f5..4884e973513 100644
--- a/resources/js/components/people/document/DocumentList.vue
+++ b/resources/js/components/people/document/DocumentList.vue
@@ -77,8 +77,8 @@
       <h3>
         📄 {{ $t('people.document_list_title') }}
 
-        <span v-show="reachLimit == 'false'" class="fr relative" style="top: -7px;">
-          <a v-if="displayUploadZone == false && displayUploadError == false && displayUploadProgress == false" class="btn edit-information" html="" @click.prevent="displayUploadZone = true">
+        <span v-show="reachLimit === 'false'" class="fr relative" style="top: -7px;">
+          <a v-if="displayUploadZone === false && displayUploadError === false && displayUploadProgress === false" class="btn edit-information" html="" @click.prevent="displayUploadZone = true">
             {{ $t('people.document_list_cta') }}
           </a>
           <a v-if="displayUploadZone || displayUploadError || displayUploadProgress" class="btn edit-information" href="" @click.prevent="displayUploadZone = false; displayUploadError = false; displayUploadProgress = false">
@@ -88,12 +88,12 @@
       </h3>
     </div>
 
-    <p v-show="reachLimit == 'true'">
+    <p v-show="reachLimit === 'true'">
       {{ $t('settings.storage_upgrade_notice') }}
     </p>
 
     <!-- EMPTY STATE -->
-    <div v-if="displayUploadZone == false && displayUploadError == false && displayUploadProgress == false && documents.length == 0" class="ltr w-100 pt2">
+    <div v-if="displayUploadZone === false && displayUploadError === false && displayUploadProgress === false && documents.length === 0" class="ltr w-100 pt2">
       <div class="section-blank">
         <h3 class="mb0">
           {{ $t('people.document_list_blank_desc') }}
@@ -212,7 +212,7 @@
               <circle cx="18.5" cy="2.5" r="2.5" fill="#505473" fill-opacity="0.86" />
             </svg>
           </div>
-          <ul v-if="modalToDisplay == document.id" class="absolute bg-white z-max pv1 document-action-menu">
+          <ul v-if="modalToDisplay === document.id" class="absolute bg-white z-max pv1 document-action-menu">
             <li class="tc">
               <a class="pv2 pointer ph3 inline-flex items-center w-100 no-underline document-action-menu-item" :href="document.link" target="_blank" @click="downloadDocument(document)">
                 {{ $t('app.download') }}
@@ -278,7 +278,7 @@ export default {
     },
 
     toggleActionsModal(id) {
-      if (this.modalToDisplay == id) {
+      if (this.modalToDisplay === id) {
         this.modalToDisplay = null;
       } else {
         this.modalToDisplay = id;
@@ -338,8 +338,6 @@ export default {
       axios.delete( 'people/' + this.hash + '/documents/' + document.id)
         .then(response => {
           this.documents.splice(this.documents.indexOf(document), 1);
-        })
-        .catch(error => {
         });
     },
   }
diff --git a/resources/js/components/people/gifts/CreateGift.vue b/resources/js/components/people/gifts/CreateGift.vue
index 2b50d5cfed1..99e35716900 100644
--- a/resources/js/components/people/gifts/CreateGift.vue
+++ b/resources/js/components/people/gifts/CreateGift.vue
@@ -164,7 +164,7 @@
           </span>
 
           <photo-upload
-            v-show="photos.length == 0"
+            v-show="photos.length === 0"
             ref="upload"
             :contact-id="contactId"
             @upload.stop="handlePhoto($event)"
@@ -315,7 +315,7 @@ export default {
     },
 
     dirltr() {
-      return this.$root.htmldir == 'ltr';
+      return this.$root.htmldir === 'ltr';
     },
 
     displayMenu() {
@@ -323,7 +323,7 @@ export default {
         !this.displayUrl ||
         !this.displayAmount ||
         !this.displayDate ||
-        !(this.displayRecipient || this.familyContacts.length == 0) ||
+        !(this.displayRecipient || this.familyContacts.length === 0) ||
         !(this.displayUpload || this.reachLimit);
     }
   },
@@ -349,7 +349,7 @@ export default {
         this.newGift.amount = this.gift.amount;
         this.newGift.status = this.gift.status;
         this.newGift.recipient_id = this.gift.recipient ? this.gift.recipient.id : null;
-        this.hasRecipient = this.newGift.recipient_id != null;
+        this.hasRecipient = this.newGift.recipient_id !== null;
         this.newGift.date = this.gift.date;
         this.photos = this.gift.photos;
       } else {
@@ -365,7 +365,7 @@ export default {
       this.displayComment = this.gift ? this.gift.comment : false;
       this.displayDate = this.gift ? this.gift.date : false;
       this.displayUrl = this.gift ? this.gift.url : false;
-      this.displayAmount = this.gift ? this.gift.amount != '' : false;
+      this.displayAmount = this.gift ? this.gift.amount !== '' : false;
       this.displayRecipient = this.gift ? (this.gift.recipient ? this.gift.recipient.id !== 0 : false) : false;
       this.displayUpload= this.gift ? this.gift.photos.length > 0 : false;
 
@@ -445,7 +445,7 @@ export default {
       axios.delete(`people/${this.hash}/photos/${photo.id}`)
         .then(response => {
           this.photos.splice(this.photos.indexOf(photo), 1);
-          if (this.photos.length == 0) {
+          if (this.photos.length === 0) {
             this.$refs.upload.showUploadZone();
           }
         });
diff --git a/resources/js/components/people/gifts/Gift.vue b/resources/js/components/people/gifts/Gift.vue
index 573b13564f2..122f41e2c05 100644
--- a/resources/js/components/people/gifts/Gift.vue
+++ b/resources/js/components/people/gifts/Gift.vue
@@ -94,7 +94,7 @@ export default {
 
   computed: {
     dirltr() {
-      return this.$root.htmldir == 'ltr';
+      return this.$root.htmldir === 'ltr';
     },
   },
 
diff --git a/resources/js/components/people/gifts/Gifts.vue b/resources/js/components/people/gifts/Gifts.vue
index 22b975b468e..161922b6662 100644
--- a/resources/js/components/people/gifts/Gifts.vue
+++ b/resources/js/components/people/gifts/Gifts.vue
@@ -30,21 +30,21 @@
     <div>
       <ul class="mb3">
         <li class="di">
-          <p class="di pointer" :class="[activeTab == 'idea' ? 'b' : 'black-50', dirltr ? 'mr3' : 'ml3']"
+          <p class="di pointer" :class="[activeTab === 'idea' ? 'b' : 'black-50', dirltr ? 'mr3' : 'ml3']"
              @click.prevent="setActiveTab('idea')"
           >
             {{ $t('people.gifts_ideas') }} ({{ ideas.length }})
           </p>
         </li>
         <li class="di">
-          <p class="di pointer" :class="[activeTab == 'offered' ? 'b' : 'black-50', dirltr ? 'mr3' : 'ml3']"
+          <p class="di pointer" :class="[activeTab === 'offered' ? 'b' : 'black-50', dirltr ? 'mr3' : 'ml3']"
              @click.prevent="setActiveTab('offered')"
           >
             {{ $t('people.gifts_offered') }} ({{ offered.length }})
           </p>
         </li>
         <li class="di">
-          <p class="di pointer" :class="[activeTab == 'received' ? 'b' : 'black-50', dirltr ? 'mr3' : 'ml3']"
+          <p class="di pointer" :class="[activeTab === 'received' ? 'b' : 'black-50', dirltr ? 'mr3' : 'ml3']"
              @click.prevent="setActiveTab('received')"
           >
             {{ $t('people.gifts_received') }} ({{ received.length }})
@@ -58,10 +58,10 @@
               @update="($event) => { updateList($event) }"
         >
           <div :class="dirltr ? 'fl' : 'fr'">
-            <a v-if="gift.status == 'idea'" class="di" href="" @click.prevent="toggle(gift)">
+            <a v-if="gift.status === 'idea'" class="di" href="" @click.prevent="toggle(gift)">
               {{ $t('people.gifts_mark_offered') }}
             </a>
-            <a v-if="gift.status == 'offered'" class="di" href="" @click.prevent="toggle(gift)">
+            <a v-if="gift.status === 'offered'" class="di" href="" @click.prevent="toggle(gift)">
               {{ $t('people.gifts_offered_as_an_idea') }}
             </a>
           </div>
@@ -159,24 +159,24 @@ export default {
 
   computed: {
     dirltr() {
-      return this.$root.htmldir == 'ltr';
+      return this.$root.htmldir === 'ltr';
     },
 
     ideas() {
-      return this.gifts.filter(gift => gift.status == 'idea');
+      return this.gifts.filter(gift => gift.status === 'idea');
     },
 
     offered() {
-      return this.gifts.filter(gift => gift.status == 'offered');
+      return this.gifts.filter(gift => gift.status === 'offered');
     },
 
     received() {
-      return this.gifts.filter(gift => gift.status == 'received');
+      return this.gifts.filter(gift => gift.status === 'received');
     },
 
     filteredGifts() {
       const vm = this;
-      return this.gifts.filter(gift => gift.status == vm.activeTab);
+      return this.gifts.filter(gift => gift.status === vm.activeTab);
     },
   },
 
@@ -202,7 +202,7 @@ export default {
     },
 
     toggle(gift) {
-      if (gift.status == 'idea') {
+      if (gift.status === 'idea') {
         gift.status = 'offered';
         gift.date = moment().format('YYYY-MM-DD');
       } else {
diff --git a/resources/js/components/people/lifeevent/CreateLifeEvent.vue b/resources/js/components/people/lifeevent/CreateLifeEvent.vue
index aac76929c6a..49698a9d62e 100644
--- a/resources/js/components/people/lifeevent/CreateLifeEvent.vue
+++ b/resources/js/components/people/lifeevent/CreateLifeEvent.vue
@@ -4,16 +4,16 @@
 
     <div class="mt4 mw7 center mb3">
       <!-- Breadcrumb -->
-      <ul v-if="view == 'types' || view == 'add'" class="ba b--gray-monica pa2 mb2">
+      <ul v-if="view === 'types' || view === 'add'" class="ba b--gray-monica pa2 mb2">
         <li class="di">
           <a class="pointer" href="" @click.prevent="view = 'categories'">
             {{ $t('people.life_event_create_category') }}
           </a>
         </li>
-        <li v-if="view == 'types'" class="di">
+        <li v-if="view === 'types'" class="di">
           > {{ $t('people.life_event_category_' + activeCategory.default_life_event_category_key) }}
         </li>
-        <template v-else-if="view == 'add'">
+        <template v-else-if="view === 'add'">
           <li class="di">
             &gt; <a class="pointer" href="" @click.prevent="view = 'types'">
               {{ $t('people.life_event_category_' + activeCategory.default_life_event_category_key) }}
@@ -26,8 +26,8 @@
       </ul>
 
       <!-- List of events -->
-      <ul v-if="view != 'add'" class="ba b--gray-monica br2">
-        <template v-if="view == 'categories'">
+      <ul v-if="view !== 'add'" class="ba b--gray-monica br2">
+        <template v-if="view === 'categories'">
           <!-- CATEGORIES -->
           <li v-for="category in categories" :key="category.id" class="relative pointer bb b--gray-monica b--gray-monica pa2 life-event-add-row" @click="getType(category)">
             <div class="dib mr2">
@@ -43,7 +43,7 @@
           </li>
         </template>
 
-        <template v-else-if="view == 'types'">
+        <template v-else-if="view === 'types'">
           <!-- TYPES -->
           <li v-for="type in types" :key="type.id" class="relative pointer bb b--gray-monica b--gray-monica pa2 life-event-add-row" @click="displayAddScreen(type)">
             <div class="dib mr2">
@@ -207,7 +207,7 @@ export default {
 
   computed: {
     dirltr() {
-      return this.$root.htmldir == 'ltr';
+      return this.$root.htmldir === 'ltr';
     }
   },
 
@@ -261,10 +261,10 @@ export default {
      * Same for the month.
      */
     updateDate() {
-      if (this.selectedDay == 0) {
+      if (this.selectedDay === 0) {
         this.newLifeEvent.happened_at_day_unknown = true;
         this.newLifeEvent.happened_at = this.selectedYear + '-' + this.selectedMonth + '-01';
-      } else if (this.selectedMonth == 0) {
+      } else if (this.selectedMonth === 0) {
         this.newLifeEvent.happened_at_month_unknown = true;
         this.newLifeEvent.happened_at_day_unknown = true;
         this.newLifeEvent.happened_at = this.selectedYear + '-01-01';
diff --git a/resources/js/components/people/lifeevent/LifeEventList.vue b/resources/js/components/people/lifeevent/LifeEventList.vue
index 4f4f43b770d..04f38649793 100644
--- a/resources/js/components/people/lifeevent/LifeEventList.vue
+++ b/resources/js/components/people/lifeevent/LifeEventList.vue
@@ -496,7 +496,7 @@
     />
 
     <!-- LISTING OF LIFE EVENTS -->
-    <div v-if="lifeEvents.length != 0">
+    <div v-if="lifeEvents.length !== 0">
       <div class="bt b--gray-monica" style="margin-left: 20px;">
         <div v-for="lifeEvent in lifeEvents" :key="lifeEvent.id">
           <div :id="'lifeEvent' + lifeEvent.id" class="bl bb b--gray-monica bg-hover-monica relative pa3 life-event-list-content">
diff --git a/resources/js/components/people/lifeevent/content/CreateDefaultLifeEvent.vue b/resources/js/components/people/lifeevent/content/CreateDefaultLifeEvent.vue
index c598a49ef36..f6b3e9aef6d 100644
--- a/resources/js/components/people/lifeevent/content/CreateDefaultLifeEvent.vue
+++ b/resources/js/components/people/lifeevent/content/CreateDefaultLifeEvent.vue
@@ -40,7 +40,7 @@ export default {
 
   computed: {
     dirltr() {
-      return this.$root.htmldir == 'ltr';
+      return this.$root.htmldir === 'ltr';
     }
   },
 
diff --git a/resources/js/components/people/partials/ContactAutosuggest.vue b/resources/js/components/people/partials/ContactAutosuggest.vue
index fd4745f06ba..05585ed41e9 100644
--- a/resources/js/components/people/partials/ContactAutosuggest.vue
+++ b/resources/js/components/people/partials/ContactAutosuggest.vue
@@ -173,7 +173,7 @@ export default {
         needle: keyword
       }).then(function(response) {
         const data = [];
-        if (response.data.noResults == null) {
+        if (response.data.noResults === null) {
           response.data.data
             .forEach(function (contact) {
               contact.keyword = keyword;
diff --git a/resources/js/components/people/photo/PhotoList.vue b/resources/js/components/people/photo/PhotoList.vue
index 34f726ba62d..65e9fec4e5d 100644
--- a/resources/js/components/people/photo/PhotoList.vue
+++ b/resources/js/components/people/photo/PhotoList.vue
@@ -9,7 +9,7 @@
     <div class="">
       <h3>
         📄 {{ $t('people.photo_list_title') }}
-        <span v-if="reachLimit == 'false'" class="fr relative" style="top: -7px;">
+        <span v-if="reachLimit === 'false'" class="fr relative" style="top: -7px;">
           <a v-if="!onUpload" class="btn" href=""
              @click.prevent="() => { onUpload = true; $refs.upload.showUploadZone(); }"
           >
@@ -24,12 +24,12 @@
       </h3>
     </div>
 
-    <p v-show="reachLimit == 'true'">
+    <p v-show="reachLimit === 'true'">
       {{ $t('settings.storage_upgrade_notice') }}
     </p>
 
     <!-- EMPTY STATE -->
-    <div v-if="!onUpload && photos.length == 0" class="ltr w-100 pt2">
+    <div v-if="!onUpload && photos.length === 0" class="ltr w-100 pt2">
       <div class="section-blank">
         <h3 class="mb4 mt3">
           {{ $t('people.photo_list_blank_desc') }}
@@ -56,20 +56,20 @@
             </div>
             <div class="pt2">
               <ul>
-                <li v-show="currentPhotoIdAsAvatar == photo.id">
+                <li v-show="currentPhotoIdAsAvatar === photo.id">
                   🤩 {{ $t('people.photo_current_profile_pic') }}
                 </li>
-                <li v-show="currentPhotoIdAsAvatar != photo.id">
+                <li v-show="currentPhotoIdAsAvatar !== photo.id">
                   <a class="pointer" @click.prevent="makeProfilePicture(photo)">
                     {{ $t('people.photo_make_profile_pic') }}
                   </a>
                 </li>
-                <li v-show="confirmDestroyPhotoId != photo.id">
+                <li v-show="confirmDestroyPhotoId !== photo.id">
                   <a class="pointer" href="" @click.prevent="confirmDestroyPhotoId = photo.id">
                     {{ $t('people.photo_delete') }}
                   </a>
                 </li>
-                <li v-show="confirmDestroyPhotoId == photo.id">
+                <li v-show="confirmDestroyPhotoId === photo.id">
                   <a class="pointer" href="" @click.prevent="confirmDestroyPhotoId = 0">
                     {{ $t('app.cancel') }}
                   </a> <a class="pointer" href="" @click.prevent="deletePhoto(photo)">
@@ -191,8 +191,6 @@ export default {
             text: '',
             type: 'success'
           });
-        })
-        .catch(error => {
         });
     },
 
diff --git a/resources/js/components/settings/ActivityTypes.vue b/resources/js/components/settings/ActivityTypes.vue
index 9161ac8027b..306f5967f01 100644
--- a/resources/js/components/settings/ActivityTypes.vue
+++ b/resources/js/components/settings/ActivityTypes.vue
@@ -194,7 +194,7 @@
     <!-- Delete Activiy type category -->
     <sweet-modal ref="deleteCategoryModal" overlay-theme="dark" :title="$t('settings.personalization_activity_type_category_modal_delete')">
       <form>
-        <div v-if="errorMessage != ''" class="form-error-message mb3">
+        <div v-if="errorMessage !== ''" class="form-error-message mb3">
           <div class="pa2">
             <p class="mb0">
               {{ errorMessage }}
@@ -220,7 +220,7 @@
     <!-- Delete Activiy type  -->
     <sweet-modal ref="deleteTypeModal" overlay-theme="dark" :title="$t('settings.personalization_activity_type_modal_delete')">
       <form>
-        <div v-if="errorMessage != ''" class="form-error-message mb3">
+        <div v-if="errorMessage !== ''" class="form-error-message mb3">
           <div class="pa2">
             <p class="mb0">
               {{ errorMessage }}
@@ -310,7 +310,7 @@ export default {
 
   computed: {
     dirltr() {
-      return this.$root.htmldir == 'ltr';
+      return this.$root.htmldir === 'ltr';
     }
   },
 
diff --git a/resources/js/components/settings/ContactFieldTypes.vue b/resources/js/components/settings/ContactFieldTypes.vue
index 9df638085c0..f9c7f6f28aa 100644
--- a/resources/js/components/settings/ContactFieldTypes.vue
+++ b/resources/js/components/settings/ContactFieldTypes.vue
@@ -69,7 +69,7 @@
                  @open="_focusCreateInput"
     >
       <!-- Form Errors -->
-      <error :errors="createForm.errors" />
+      <errors :errors="createForm.errors" />
 
       <form class="form-horizontal" role="form" @submit.prevent="store">
         <div class="form-group">
@@ -216,13 +216,13 @@
 
 <script>
 import { SweetModal } from 'sweet-modal-vue';
-import Error from '../partials/Error.vue';
+import Errors from '../partials/Error.vue';
 
 export default {
 
   components: {
     SweetModal,
-    Error
+    Errors,
   },
 
   data() {
@@ -252,7 +252,7 @@ export default {
 
   computed: {
     dirltr() {
-      return this.$root.htmldir == 'ltr';
+      return this.$root.htmldir === 'ltr';
     }
   },
 
diff --git a/resources/js/components/settings/Genders.vue b/resources/js/components/settings/Genders.vue
index 28941f04f7b..5436cc6c8b4 100644
--- a/resources/js/components/settings/Genders.vue
+++ b/resources/js/components/settings/Genders.vue
@@ -170,7 +170,7 @@
     <!-- Delete Gender type -->
     <sweet-modal ref="deleteModal" overlay-theme="dark" :title="$t('settings.personalization_genders_modal_delete')">
       <form>
-        <div v-if="errorMessage != ''" class="form-error-message mb3">
+        <div v-if="errorMessage !== ''" class="form-error-message mb3">
           <div class="pa2">
             <p class="mb0">
               {{ errorMessage }}
@@ -181,8 +181,8 @@
           <p class="mb2">
             {{ $t('settings.personalization_genders_modal_delete_desc', {name: deleteForm.name}) }}
           </p>
-          <div v-if="deleteForm.numberOfContacts != 0 || deleteForm.isDefault">
-            <p v-if="deleteForm.numberOfContacts != 0">
+          <div v-if="deleteForm.numberOfContacts !== 0 || deleteForm.isDefault">
+            <p v-if="deleteForm.numberOfContacts !== 0">
               {{ $tc('settings.personalization_genders_modal_delete_question', deleteForm.numberOfContacts, {count: deleteForm.numberOfContacts}) }}
             </p>
             <p v-else>
@@ -294,7 +294,7 @@ export default {
 
   computed: {
     dirltr() {
-      return this.$root.htmldir == 'ltr';
+      return this.$root.htmldir === 'ltr';
     },
 
     toggleOptions() {
diff --git a/resources/js/components/settings/LifeEventTypes.vue b/resources/js/components/settings/LifeEventTypes.vue
index 55f3d9eff52..078bf6244f3 100644
--- a/resources/js/components/settings/LifeEventTypes.vue
+++ b/resources/js/components/settings/LifeEventTypes.vue
@@ -132,7 +132,7 @@
     <!-- Delete Life Event type  -->
     <sweet-modal ref="deleteTypeModal" overlay-theme="dark" :title="$t('settings.personalization_life_event_type_modal_delete')">
       <form>
-        <div v-if="errorMessage != ''" class="form-error-message mb3">
+        <div v-if="errorMessage !== ''" class="form-error-message mb3">
           <div class="pa2">
             <p class="mb0">
               {{ errorMessage }}
@@ -200,7 +200,7 @@ export default {
 
   computed: {
     dirltr() {
-      return this.$root.htmldir == 'ltr';
+      return this.$root.htmldir === 'ltr';
     }
   },
 
diff --git a/resources/js/components/settings/Modules.vue b/resources/js/components/settings/Modules.vue
index ff5d14993c1..b8335c2ecb3 100644
--- a/resources/js/components/settings/Modules.vue
+++ b/resources/js/components/settings/Modules.vue
@@ -76,7 +76,7 @@ export default {
 
   computed: {
     dirltr() {
-      return this.$root.htmldir == 'ltr';
+      return this.$root.htmldir === 'ltr';
     }
   },
 
diff --git a/resources/js/components/settings/RecoveryCodes.vue b/resources/js/components/settings/RecoveryCodes.vue
index 48c2940ff39..b3e6655c7e7 100644
--- a/resources/js/components/settings/RecoveryCodes.vue
+++ b/resources/js/components/settings/RecoveryCodes.vue
@@ -69,7 +69,7 @@ export default {
 
   computed: {
     dirltr() {
-      return this.$root.htmldir == 'ltr';
+      return this.$root.htmldir === 'ltr';
     },
     usedHelp() {
       return this.$t('settings.recovery_already_used_help');
diff --git a/resources/js/components/settings/ReminderRules.vue b/resources/js/components/settings/ReminderRules.vue
index 7fa47c4d1e8..a77a1a1cc8e 100644
--- a/resources/js/components/settings/ReminderRules.vue
+++ b/resources/js/components/settings/ReminderRules.vue
@@ -55,7 +55,7 @@ export default {
 
   computed: {
     dirltr() {
-      return this.$root.htmldir == 'ltr';
+      return this.$root.htmldir === 'ltr';
     }
   },
 
diff --git a/resources/js/components/settings/WebauthnConnector.vue b/resources/js/components/settings/WebauthnConnector.vue
index ca996f3dd26..0bc69d07a23 100644
--- a/resources/js/components/settings/WebauthnConnector.vue
+++ b/resources/js/components/settings/WebauthnConnector.vue
@@ -8,10 +8,10 @@
   <div class="form-group">
     <notifications group="webauthn" position="top middle" :duration="5000" width="400" />
 
-    <div v-if="method == 'register-modal'">
+    <div v-if="method === 'register-modal'">
       <h3>{{ $t('settings.webauthn_title') }}</h3>
 
-      <div v-if="currentkeys != null">
+      <div v-if="currentkeys !== null">
         <ul class="table">
           <li v-for="key in currentkeys"
               :key="key.id"
@@ -50,7 +50,7 @@
         overlay-theme="dark"
         :title="$t('settings.webauthn_title')"
       >
-        <div v-if="registerTab == '1'">
+        <div v-if="registerTab === '1'">
           <p>
             {{ $t('settings.webauthn_key_name_help') }}
           </p>
@@ -65,8 +65,8 @@
             @keyup.enter="showRegisterModalTab('2');startRegister();"
           />
         </div>
-        <div v-if="registerTab == '2'">
-          <div v-if="errorMessage != ''" class="form-error-message mb3">
+        <div v-if="registerTab === '2'">
+          <div v-if="errorMessage !== ''" class="form-error-message mb3">
             <div class="pa2">
               <p class="mb0">
                 {{ errorMessage }}
@@ -78,7 +78,7 @@
               </p>
             </div>
           </div>
-          <div v-if="infoMessage != ''" class="form-information-message mb3">
+          <div v-if="infoMessage !== ''" class="form-information-message mb3">
             <div class="pa2">
               <p class="mb0">
                 {{ infoMessage }}
@@ -86,13 +86,13 @@
             </div>
           </div>
 
-          <div v-if="errorMessage == ''" class="tc">
+          <div v-if="errorMessage === ''" class="tc">
             <img src="https://ssl.gstatic.com/accounts/strongauth/Challenge_2SV-Gnubby_graphic.png"
                  :alt="$t('settings.webauthn_insertKey')"
             />
           </div>
 
-          <div v-if="errorMessage == ''" class="pa2">
+          <div v-if="errorMessage === ''" class="pa2">
             <p>
               {{ $t('settings.webauthn_insertKey') }}
             </p>
@@ -104,7 +104,7 @@
           </div>
         </div>
         <div slot="button">
-          <a v-if="registerTab == '1'" class="btn" href="" @click.prevent="showRegisterModalTab('2');startRegister();">
+          <a v-if="registerTab === '1'" class="btn" href="" @click.prevent="showRegisterModalTab('2');startRegister();">
             {{ $t('pagination.next') }}
           </a>
           <a v-else class="btn" href="" @click.prevent="showRegisterModalTab('1')">
@@ -117,7 +117,7 @@
       </sweet-modal>
     </div>
     <div v-else>
-      <div v-if="errorMessage != ''" class="form-error-message mb3">
+      <div v-if="errorMessage !== ''" class="form-error-message mb3">
         <div class="pa2">
           <p class="mb0">
             {{ errorMessage }}
@@ -129,7 +129,7 @@
           </p>
         </div>
       </div>
-      <div v-if="infoMessage != ''" class="form-information-message mb3">
+      <div v-if="infoMessage !== ''" class="form-information-message mb3">
         <div class="pa2">
           <p class="mb0">
             {{ infoMessage }}
@@ -298,7 +298,7 @@ export default {
       this.errorMessage = '';
       axios.get('webauthn/register')
         .then(response => {
-          if (self.registerTab == '2') {
+          if (self.registerTab === '2') {
             var data = response.data.publicKey;
             setTimeout(function () {
               self.webauthn.register(