28 lines
891 B
Vue
28 lines
891 B
Vue
<script setup lang="ts">
|
|
import type { LearningObject } from "@/data-objects/learning-objects/learning-object";
|
|
import { useQuestionsQuery } from "@/queries/questions";
|
|
import type { LearningObjectIdentifierDTO } from "@dwengo-1/common/interfaces/learning-content";
|
|
import { computed } from "vue";
|
|
|
|
const props = defineProps<{
|
|
node: LearningObject;
|
|
}>();
|
|
|
|
const loid = {
|
|
hruid: props.node.key,
|
|
version: props.node.version,
|
|
language: props.node.language,
|
|
} as LearningObjectIdentifierDTO;
|
|
const { data } = useQuestionsQuery(loid);
|
|
|
|
const hasQuestions = computed(() => (data.value?.questions.length ?? 0) > 0);
|
|
</script>
|
|
<template v-if="!isLoading & !error">
|
|
<v-icon
|
|
v-if="hasQuestions"
|
|
icon="mdi-help-circle-outline"
|
|
color="red"
|
|
size="small"
|
|
/>
|
|
</template>
|
|
<style scoped></style>
|