Move tinymce css into style.scss

uasoft-indonesia · Aug 16, 2021 · f48a5a4 · f48a5a4
1 parent 1a5780e
commit f48a5a4
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 5 deletions.
diff --git a/src/resources/js/assets/scss/style.scss b/src/resources/js/assets/scss/style.scss
@@ -1,6 +1,10 @@
 @import "~vuesax/dist/vuesax.css";
 @import "~material-icons/iconfont/material-icons.scss";
 @import "~vue-datetime/dist/vue-datetime.css";
+@import "~vue-prism-editor/dist/prismeditor.min.css";
+@import "~prismjs/themes/prism-tomorrow.css";
+@import "~tinymce/skins/ui/oxide/skin.min.css";
+@import "~tinymce/skins/ui/oxide/content.min.css";
 
 @import "variable";
 @import "./layout/layout";

diff --git a/src/resources/js/components/BadasoCodeEditor.vue b/src/resources/js/components/BadasoCodeEditor.vue
@@ -46,13 +46,11 @@
 <script>
 // import Prism Editor
 import { PrismEditor } from "vue-prism-editor";
-import "vue-prism-editor/dist/prismeditor.min.css"; // import the styles somewhere
 
 // import highlighting library (you can use any library you want just return html string)
 import { highlight, languages } from "prismjs/components/prism-core";
 import "prismjs/components/prism-clike";
 import "prismjs/components/prism-javascript";
-import "prismjs/themes/prism-tomorrow.css"; // import syntax highlighting styles
 
 export default {
   name: "BadasoCodeEditor",

diff --git a/src/resources/js/components/BadasoEditor.vue b/src/resources/js/components/BadasoEditor.vue
@@ -27,9 +27,6 @@ import "tinymce/themes/silver/theme";
 import "tinymce/themes/mobile/theme";
 
 import "tinymce/icons/default/icons";
-import "tinymce/skins/ui/oxide/skin.min.css";
-import "tinymce/skins/ui/oxide/content.min.css";
-// import 'tinymce/skins/content/default/content.css'
 
 import "tinymce/plugins/advlist";
 import "tinymce/plugins/anchor";