From 2994144718d89c1b5b4fc2df7c16b3ae672cad6b Mon Sep 17 00:00:00 2001
From: Jannat Patel <pateljannat2308@gmail.com>
Date: Mon, 12 Aug 2024 12:47:17 +0530
Subject: [PATCH] feat: quiz creation from lesson form

---
 .../src/components/Controls/Autocomplete.vue    |  3 ++-
 frontend/src/components/LessonPlugins.vue       | 17 ++++++++++-------
 frontend/src/pages/LessonForm.vue               |  9 ++++++++-
 3 files changed, 20 insertions(+), 9 deletions(-)

diff --git a/frontend/src/components/Controls/Autocomplete.vue b/frontend/src/components/Controls/Autocomplete.vue
index 0563dd61..81f5358b 100644
--- a/frontend/src/components/Controls/Autocomplete.vue
+++ b/frontend/src/components/Controls/Autocomplete.vue
@@ -91,7 +91,8 @@
 												<div>
 													{{ option.label }}
 												</div>
-												<div v-if="option.label != option.description"
+												<div
+													v-if="option.label != option.description"
 													class="text-xs text-gray-700"
 													v-html="option.description"
 												></div>
diff --git a/frontend/src/components/LessonPlugins.vue b/frontend/src/components/LessonPlugins.vue
index e5a4e5af..89af799d 100644
--- a/frontend/src/components/LessonPlugins.vue
+++ b/frontend/src/components/LessonPlugins.vue
@@ -26,12 +26,15 @@
 				:label="__('Add an existing quiz')"
 				@change="(option) => addQuiz(option)"
 			/>
-			<router-link :to="{
-				name: 'QuizCreation',
-				params: {
-					quizID: 'new',
-				}
-			}" class="self-end ml-2">
+			<router-link
+				:to="{
+					name: 'QuizCreation',
+					params: {
+						quizID: 'new',
+					},
+				}"
+				class="self-end ml-2"
+			>
 				<Button>
 					<template #icon>
 						<Plus class="h-4 w-4 stroke-1.5" />
@@ -121,7 +124,7 @@ const props = defineProps({
 })
 
 const addQuiz = (value) => {
-	console.log("here")
+	console.log('here')
 	console.log(value)
 	getCurrentEditor().caret.setToLastBlock('end', 0)
 	if (value) {
diff --git a/frontend/src/pages/LessonForm.vue b/frontend/src/pages/LessonForm.vue
index b16d4f4d..f112d2e5 100644
--- a/frontend/src/pages/LessonForm.vue
+++ b/frontend/src/pages/LessonForm.vue
@@ -70,7 +70,14 @@
 </template>
 <script setup>
 import { Breadcrumbs, FormControl, createResource, Button } from 'frappe-ui'
-import { computed, reactive, onMounted, inject, ref, onBeforeUnmount } from 'vue'
+import {
+	computed,
+	reactive,
+	onMounted,
+	inject,
+	ref,
+	onBeforeUnmount,
+} from 'vue'
 import EditorJS from '@editorjs/editorjs'
 import LessonPlugins from '@/components/LessonPlugins.vue'
 import { ChevronRight } from 'lucide-vue-next'