chore(monorepo): theme and logger

packages/better-write-app/package.json

@@ -30,9 +30,10 @@
     "@vueuse/integrations": "7.3.0",
     "@vueuse/motion": "2.0.0-beta.4",
     "autoprefixer": "10.4.0",
-    "better-write-entity": "^0.11.0",
-    "better-write-plugin-core": "^0.11.0",
-    "better-write-types": "^0.11.0",
+    "better-write-entity": "0.11.0",
+    "better-write-plugin-core": "0.11.0",
+    "better-write-plugin-logger": "0.11.0",
+    "better-write-types": "0.11.0",
     "date-fns": "2.27.0",
     "docx": "7.2.0",
     "dropbox": "10.23.0",

packages/better-write-app/src/App.vue

@@ -7,8 +7,8 @@
   import { onBeforeUnmount } from 'vue'
   import { useStart } from '@/use/start'
   import { useDestroy } from '@/use/destroy'
-  import { LoggerPlugin } from './plugin/logger'
-  import { ThemePlugin } from './plugin/theme'
+  import { LoggerPlugin } from 'better-write-plugin-logger'
+  import { ThemePlugin } from 'better-write-plugin-theme'
 
   const start = useStart()
   const destroy = useDestroy()

packages/better-write-app/src/components/editor/aside/AsideBarLogo.vue

@@ -20,7 +20,7 @@
   import { useRouter } from 'vue-router'
   import { useEditorStore } from '@/store/editor'
   import { computed, watch, ref } from 'vue'
-  import { setEditorLogo } from '@/plugin/theme/external'
+  import { setEditorLogo } from 'better-write-plugin-theme'
   import { Cycle } from 'better-write-plugin-core'
   import { useUtils } from '@/use/utils'
 
@@ -34,11 +34,11 @@
   const theme = computed(() => EDITOR.configuration.theme)
 
   Cycle.onAfterMounted(() => {
-    path.value = setEditorLogo(theme.value)
+    path.value = setEditorLogo(theme.value, useUtils())
   })
 
   watch(theme, (_theme) => {
-    path.value = setEditorLogo(_theme)
+    path.value = setEditorLogo(_theme, useUtils())
   })
 
   const onClick = () => {

packages/better-write-app/src/components/editor/project/preferences/EditorProjectPreferencesDefault.vue

@@ -43,13 +43,13 @@
   import { useAbsoluteStore } from '@/store/absolute'
   import { useLocalStorage } from '@/use/storage/local'
   import { useDefines } from '@/use/defines'
-  import { ThemeNormalize } from '@/plugin/theme/utils'
-  import { setContentTheme } from '@/plugin/theme/external'
+  import { usePlugin } from 'better-write-plugin-core'
 
   const ABSOLUTE = useAbsoluteStore()
   const EDITOR = useEditorStore()
 
   const local = useLocalStorage()
+  const plugin = usePlugin()
 
   const { t, locale } = useI18n()
 
@@ -66,10 +66,8 @@
     })
   })
 
-  watch(theme, (_theme) => {
-    const value = ThemeNormalize(_theme)
-
-    setContentTheme(value)
+  watch(theme, () => {
+    plugin.emit('plugin-theme-set')
   })
 
   const convert = (iso: string) => {

packages/better-write-app/src/preset.css → packages/better-write-app/src/css/preset.css

@@ -1,7 +1,5 @@
 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;700&family=Raleway:wght@200;400;700&display=swap');
 
-@import url('./plugin/theme/inject.css');
-
 * {
   margin: 0;
   padding: 0;

packages/better-write-app/src/main.ts

@@ -14,8 +14,9 @@ import i18n from './lang'
 
 import App from './App.vue'
 
-import './preset.css'
-import './tailwind.css'
+import './css/preset.css'
+import './css/tailwind.css'
+import './css/inject.css'
 import 'v-tooltip/dist/v-tooltip.css'
 import 'vue-toastification/dist/index.css'