fix(editor): teleport providers to body

Novout · Oct 20, 2021 · 1da6d2a · 1da6d2a
1 parent 59c339a
commit 1da6d2a
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 15 deletions.
diff --git a/src/components/provider/ProviderApp.vue b/src/components/provider/ProviderApp.vue
diff --git a/src/components/provider/ProviderEditor.vue b/src/components/provider/ProviderEditor.vue
@@ -0,0 +1,16 @@
+<template>
+  <teleport to="body">
+    <EditorShortcutsSwitcher v-if="ABSOLUTE.shortcuts.switcher" />
+    <EditorShortcutsFinder v-else-if="ABSOLUTE.shortcuts.finder" />
+    <ProviderLogger v-else-if="ABSOLUTE.logger" />
+    <ProviderProjectCreate v-else-if="ABSOLUTE.project.new" />
+    <ProviderPDFConfiguration v-else-if="ABSOLUTE.pdf.configuration" />
+    <ProviderPDFPreview v-else-if="ABSOLUTE.pdf.preview" />
+  </teleport>
+</template>
+
+<script setup lang="ts">
+  import { useAbsoluteStore } from '@/store/absolute'
+
+  const ABSOLUTE = useAbsoluteStore()
+</script>
diff --git a/src/pages/Editor.vue b/src/pages/Editor.vue
@@ -5,7 +5,7 @@
       <EditorBase />
     </main>
   </section>
-  <ProviderApp />
+  <ProviderEditor />
 </template>
 
 <script setup lang="ts">
@@ -26,6 +26,7 @@
   const { t } = useI18n()
 
   keyboard.init()
+
   useLocalStorage().onAutoSave(60)
 
   onUnmounted(() => {