From 106565fd853aeec4bec742d0e9795ffd45cb7efc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Tue, 22 Aug 2023 16:48:00 +0300
Subject: [PATCH] Fixed #4317 - [Editor] - Tailwind theme is not working.
 Structure needs adjustments

---
 components/lib/editor/BaseEditor.vue | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/components/lib/editor/BaseEditor.vue b/components/lib/editor/BaseEditor.vue
index 0d73b0fbf..bc0790774 100644
--- a/components/lib/editor/BaseEditor.vue
+++ b/components/lib/editor/BaseEditor.vue
@@ -2,7 +2,7 @@
 import BaseComponent from 'primevue/basecomponent';
 import { useStyle } from 'primevue/usestyle';
 
-const styles = `
+const quillStyles = `
 /*!
  * Quill Editor v1.3.3
  * https://quilljs.com/
@@ -956,7 +956,7 @@ const classes = {
     content: 'p-editor-content'
 };
 
-const { load: loadStyle } = useStyle(styles, { name: 'editor', manual: true });
+const { load: loadStyle } = useStyle(quillStyles, { name: 'editor', manual: true });
 
 export default {
     name: 'BaseEditor',
@@ -969,14 +969,16 @@ export default {
         editorStyle: null,
         modules: null
     },
-    css: {
-        classes,
-        loadStyle
-    },
     provide() {
         return {
             $parentInstance: this
         };
+    },
+    beforeMount() {
+        loadStyle();
+    },
+    css: {
+        classes
     }
 };
 </script>