Merge branch 'feature/fix-news-lint' into develop

client/src/components/NewsTeasers.vue

@@ -1,9 +1,17 @@
 <template>
   <div class="news-teasers">
-    <div v-for="teaser in newsTeasers" :key="teaser.id" class="news-teasers__teaser teaser">
+    <div
+      :key="teaser.id"
+      class="news-teasers__teaser teaser"
+      v-for="teaser in newsTeasers">
       <a :href="teaser.newsArticleUrl">
-        <img :src="teaser.imageUrl" class="teaser__image" />
-        <p class="teaser__image-source"><a class="tiny-text" :href="teaser.imageSource">Quelle {{teaser.imageSource}}</a></p>
+        <img
+          :src="teaser.imageUrl"
+          class="teaser__image">
+        <p class="teaser__image-source">
+          <a
+            :href="teaser.imageSource"
+            class="tiny-text">Quelle {{ teaser.imageSource }}</a></p>
         <h4 class="teaser__title">{{ teaser.title }}</h4>
         <p class="teaser__description">{{ teaser.description }}</p>
         <p class="teaser__date">{{ teaser.displayDate }}</p>
@@ -13,13 +21,15 @@
 </template>
 
 <script>
-
 import NEWS_TEASER_QUERY from '@/graphql/gql/newsTeasersQuery.gql';
 
 export default {
   components: {},
 
-    computed: {
+  data() {
+    return {
+      newsTeasers: []
+    };
   },
 
   apollo: {
@@ -27,17 +37,11 @@
     newsTeasers: {
       query: NEWS_TEASER_QUERY,
       update(data) {
-          return this.$getRidOfEdges(data).newsTeasers
-        },
-      },
-    },
-
-    data() {
-      return {
-        newsTeasers: []
+        return this.$getRidOfEdges(data).newsTeasers;
       }
-    },
     }
+  }
+};
 </script>
 
 <style scoped lang="scss">
@@ -49,11 +53,9 @@
 $image_height: 254px;
 
 .teasers {
-
   display: block;
 
   @include desktop {
-
     @supports (display: grid) {
       display: grid;
       display: -ms-grid;
@@ -68,7 +70,6 @@
 }
 
 .teaser {
-
   margin-bottom: $large-spacing;
   position: relative;