Add and fix some more rules

client/.eslintrc.js

@@ -11,7 +11,7 @@ module.exports = {
   extends: [
     // https://github.com/vuejs/eslint-plugin-vue#priority-a-essential-error-prevention
     // consider switching to `plugin:vue/strongly-recommended` or `plugin:vue/recommended` for stricter rules.
-    'plugin:vue/strongly-recommended',
+    'plugin:vue/recommended',
     // 'plugin:vue/recommended',
     // https://github.com/standard/standard/blob/master/docs/RULES-en.md
     'standard'

client/src/components/content-forms/ContentBlockElementChooserWidget.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    :class="{'content-block-element-chooser-widget--no-assignment': this.hideAssignment}"
+    :class="{'content-block-element-chooser-widget--no-assignment': hideAssignment}"
     class="content-block-element-chooser-widget">
     <div
       class="content-block-element-chooser-widget__link content-block-element-chooser-widget__link--link"

client/src/components/profile/Avatar.vue

@@ -8,7 +8,7 @@
     </transition>
     <transition name="show">
       <div
-        :style="{'background-image': `url(${this.avatarUrl})`}"
+        :style="{'background-image': `url(${avatarUrl})`}"
         class="avatar__image"
         v-show="isAvatarLoaded"
         ref="avatarImage"/>

client/src/components/rooms/RoomWidget.vue

@@ -11,7 +11,7 @@
       <entry-count-widget :entry-count="entryCount"/>
     </router-link>
     <widget-footer v-if="canEditRoom">
-      <room-actions :id="this.id"/>
+      <room-actions :id="id"/>
     </widget-footer>
   </div>
 </template>

client/src/components/videos/SrfEmbed.vue

@@ -1,9 +1,9 @@
 <template>
   <iframe
-    :src='`https://tp.srgssr.ch/p/srf/embed?urn=urn:srf:video:${videoId}`'
+    :src="`https://tp.srgssr.ch/p/srf/embed?urn=urn:srf:video:${videoId}`"
     class="srf-embed"
     allowfullscreen
-    frameborder='0'/>
+    frameborder="0"/>
 </template>
 
 <script>

client/src/pages/editProject.vue

@@ -2,7 +2,7 @@
   <div class="edit-project-page">
     <edit-project
       :project="project"
-      v-if="this.project.id"/>
+      v-if="project.id"/>
   </div>
 </template>
 

client/src/pages/editRoom.vue

@@ -2,7 +2,7 @@
   <div class="edit-room-page">
     <edit-room
       :room="room"
-      v-if="this.room.id"/>
+      v-if="room.id"/>
   </div>
 </template>
 

client/src/pages/project.vue

@@ -17,8 +17,8 @@
       </ul>
 
       <div class="project__meta">
-        <project-actions :id="this.project.id"/>
+        <project-actions :id="project.id"/>
-        <owner-widget :owner="this.project.student"/>
+        <owner-widget :owner="project.student"/>
         <entry-count-widget :entry-count="projectEntryCount"/>
       </div>
 

client/src/pages/room.vue

@@ -6,7 +6,7 @@
         {{ room.description }}
       </p>
       <div class="room__meta">
-        <room-actions :id="this.room.id"/>
+        <room-actions :id="room.id"/>
         <room-group-widget v-bind="room.schoolClass"/>
         <entry-count-widget :entry-count="roomEntryCount"/>
       </div>

client/src/pages/survey.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="survey-page">
     <h1 class="survey-page__title">{{ title }}</h1>
-    <survey :survey='survey'/>
+    <survey :survey="survey"/>
 
     <solution
       :value="solution"