Fix linter errors

client/src/components/modules/ModuleFilter.vue

@@ -1,10 +1,11 @@
 <template>
   <div class="module-filter">
     <div class="module-filter__filterselection">
-      <Dropdown class="module-filter__dropdown"
-                :selected-item="selectedLevel"
-                :items="moduleLevels"
-                @update:selectedItem="updateLevel"
+      <Dropdown
+        class="module-filter__dropdown"
+        :selected-item="selectedLevel"
+        :items="moduleLevels"
+        @update:selectedItem="updateLevel"
       ></Dropdown>
 
       <Dropdown
@@ -13,10 +14,11 @@
         :items="moduleCategories"
         @update:selectedItem="newItem => selectedCategory = newItem"
       ></Dropdown>
-      <pill-radio-buttons :selectableItems="languageOptions"
-                          :defaultSelectedItem="initialLanguage"
-                          class="module-filter__language-selection"
-                          @update:selectedItem="item => selectedLanguage = item"/>
+      <pill-radio-buttons
+        :selectableItems="languageOptions"
+        :defaultSelectedItem="initialLanguage"
+        class="module-filter__language-selection"
+        @update:selectedItem="item => selectedLanguage = item"/>
 
     </div>
     <div class="topic__modules">
@@ -124,7 +126,8 @@
   }
 
   const filterByLanguage = (module: Object, language: Object) => {
-    console.log("selectedLanguage", selectedLanguage.value);
+    console.log("selectedLanguage", selectedLanguage.value, language);
+    console.log("module.languages", module);
     return true
   }
 

client/src/components/modules/ModuleTeaser.vue

@@ -18,8 +18,8 @@
         {{ teaser }}
       </p>
       <div class="module-teaser__pills">
-          <pill :text="level?.name"></pill>
-          <pill :text="category?.name"></pill>
+        <pill :text="level?.name"></pill>
+        <pill :text="category?.name"></pill>
       </div>
     </div>
   </router-link>
@@ -29,9 +29,11 @@
   import Pill from "@/components/ui/Pill.vue";
 
   export default {
-    components: {Pill},
+
     props: ['metaTitle', 'title', 'teaser', 'id', 'slug', 'heroImage', 'level', 'category'],
 
+    components: {Pill},
+
 
     computed: {
       moduleLink() {

client/src/components/ui/Dropdown.vue

@@ -41,7 +41,7 @@
   import {ref} from "vue";
   import ChevronDown from "@/components/icons/ChevronDown.vue";
 
-  const props = defineProps<{
+  defineProps<{
     selectedItem: Object,
     items: Object[],
   }>();

client/src/pages/topic-page.vue

@@ -15,7 +15,7 @@
         {{ topic.teaser }}
       </p>
       <div class="topic__modulefilter">
-        <module-filter v-if="modules.length > 0" :modules="modules" :me="me"></module-filter>
+        <module-filter :modules="modules" :me="me" v-if="modules.length > 0" ></module-filter>
       </div>
       <div class="topic__links">
         <div
@@ -42,7 +42,6 @@
 </template>
 
 <script>
-import ModuleTeaser from '@/components/modules/ModuleTeaser.vue';
 import ModuleFilter from '@/components/modules/ModuleFilter.vue';
 import { defineAsyncComponent } from 'vue';
 import TOPIC_QUERY from '@/graphql/gql/queries/topicQuery.gql';
@@ -59,7 +58,6 @@ export default {
   mixins: [me],
   components: {
     TopicNavigation,
-    ModuleTeaser,
     PlayIcon,
     BulbIcon,
     ModuleFilter,