Modify reported quizzes

[Lauritz-Tieste]

Description

Closes Bootstrap-Academy/Bootstrap-Academy#104

[Copilot]

Pull Request Overview

This pull request modifies how reported quizzes are handled and displayed while adding new functionality for editing quiz tasks.

• Introduces a new Quiz type and related composables.
• Refactors the reported tasks dashboard and updates the Quiz form and dialog components.
• Updates locales and package scripts to support new UI elements and linting functionality.

Reviewed Changes

Copilot reviewed 10 out of 10 changed files in this pull request and generated 2 comments.

Show a summary per file

File	Description
types/courseTypes.ts	Adds a new Quiz class with properties to standardize quiz data.
pages/dashboard/reported-tasks/[id].vue	Refactors layout and component usage for displaying reported tasks.
package.json	Adds a lint:fix script and a new dependency for Headless UI.
locales/en-US.json & locales/de.json	Adds new keys for UI text related to quiz reporting.
composables/quizzes.ts	Introduces functions for retrieving and updating quiz subtasks.
composables/dialogSlot.ts	Provides state handling for dialogs.
components/form/Quiz.vue	Implements a new quiz editing form with option management and validation.
components/DialogSlot.vue	Updates dialog component using Headless UI with close functionality.

Comments suppressed due to low confidence (3)

components/form/Quiz.vue:153

• Using pop() inside a forEach to clear the options array may lead to unpredictable behavior. It is recommended to directly assign 'options.value = arr' or use a clear method for better reliability.

arr.forEach((o: any) => { options.value.pop(); });

composables/quizzes.ts:29

• The PATCH function is used but not imported. Ensure that PATCH is properly imported or defined to avoid runtime errors.

const res = await PATCH(`/challenges/tasks/${taskId}/multiple_choice/${subTaskId}`, body);

components/DialogSlot.vue:30

• The @close event handler calls 'closeDialog()', but no such function is defined; it appears the intended function is 'close()'. Please update the event handler accordingly.

<Dialog as="div" class="relative z-10" @close="closeDialog()">

[github-actions]

Preview deployed to https://8fc5353f.academy-admin-preview.pages.dev (total size: 4.2M)