feat: melding bij leerobjecten met vragen

frontend/src/components/QuestionNotification.vue

@@ -0,0 +1,24 @@
+<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 { languageMap } from '@dwengo-1/common/util/language';
+import { computed, ref } 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, isLoading, error} = useQuestionsQuery(loid);
+
+const hasQuestions = computed(() => {
+    return (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" />
+    <div>{{ node.estimatedTime }}'</div> 
+</template>
+<style scoped></style>