fix: handle disabled prop changes in quill editor

src/components/generic/AHTMLEditor.vue

@@ -32,7 +32,7 @@ Quill.register(
 
 <script lang="ts" setup>
 import { unset } from 'lodash'
-import { onBeforeUnmount, onMounted, ref } from 'vue'
+import { onBeforeUnmount, onMounted, ref, watch } from 'vue'
 import { useEventListener } from '@vueuse/core'
 
 const content = defineModel<string>({ required: true })
@@ -80,6 +80,11 @@ function initializeQuill(contentEl: HTMLElement) {
   quill.value = quillInstance
 }
 
+watch(
+  () => props.disabled,
+  (disabled) => quill.value?.enable(!disabled),
+)
+
 onMounted(() => {
   initializeQuill(contentEl.value as HTMLElement)
 })