Fix linting error

This commit is contained in:
Lorenz Padberg 2024-02-05 10:51:07 +01:00
parent d3b51b1006
commit 106bad4c52
1 changed files with 119 additions and 114 deletions

View File

@ -5,7 +5,6 @@
v-if="module.id"
>
<div class="module__header">
<h2
class="module__meta-title"
id="meta-title"
@ -13,11 +12,13 @@
{{ module.metaTitle }}
</h2>
<div class="module__categoryindicators" v-if="$flavor.showModuleFilter">
<div
class="module__categoryindicators"
v-if="$flavor.showModuleFilter"
>
<pill :text="module.level?.name"></pill>
<pill :text="module.category?.name"></pill>
</div>
</div>
<h1
@ -66,7 +67,7 @@
<div
class="module__objective-groups"
v-if="module.objectiveGroups.length"
v-if="module.objectiveGroups.length && showObjectives() || true"
>
<objective-groups
:groups="languageCommunicationObjectiveGroups"
@ -95,12 +96,12 @@
</template>
<script>
import ObjectiveGroups from '@/components/objective-groups/ObjectiveGroups.vue';
import Chapter from '@/components/Chapter.vue';
import BookmarkActions from '@/components/notes/BookmarkActions.vue';
import Pill from "@/components/ui/Pill.vue";
import ObjectiveGroups from '@/components/objective-groups/ObjectiveGroups.vue';
import Chapter from '@/components/Chapter.vue';
import BookmarkActions from '@/components/notes/BookmarkActions.vue';
import Pill from '@/components/ui/Pill.vue';
export default {
export default {
props: {
module: {
type: Object,
@ -138,13 +139,18 @@
return this.module.bookmark.note;
},
},
};
methods: {
showObjectives() {
return this.$route && this.$route.query["show-objectives"] !== undefined;
},
},
};
</script>
<style scoped lang="scss">
@import 'styles/helpers';
@import 'styles/helpers';
.module {
.module {
display: flex;
justify-self: center;
max-width: 100vw;
@ -183,7 +189,6 @@
&__meta-title {
@include meta-title;
margin-right: $medium-spacing;
}
&__intro-wrapper {
@ -217,5 +222,5 @@
&__objective-groups {
margin-bottom: 2 * $large-spacing;
}
}
}
</style>