feat(desktop): updater tooltip

src/components/editor/header/items/EditorBaseHeaderElectron.vue

@@ -54,11 +54,20 @@
     </HeroIcon>
     <HeroIcon
       v-if="update"
-      :class="[
-        !update
-          ? 'wb-icon no-drag mb-2 ml-1'
-          : 'text-theme-editor-electron-update-text hover:theme-editor-electron-update-text-hover active:theme-editor-electron-update-text-active no-drag cursor-pointer mb-2 ml-1',
-      ]"
+      v-tooltip.bottom-end="{
+        content: t('desktop.update.tooltip'),
+        theme: 'better-write',
+      }"
+      class="
+        wb-icon
+        text-theme-editor-electron-update-text
+        hover:theme-editor-electron-update-text-hover
+        active:theme-editor-electron-update-text-active
+        no-drag
+        cursor-pointer
+        mb-2
+        ml-1'
+      "
       @click.prevent.stop="onUpdate"
     >
       <svg
@@ -83,10 +92,13 @@
 <script setup lang="ts">
   import { useEditor } from '@/use/editor'
   import { ref } from 'vue'
+  import { useI18n } from 'vue-i18n'
 
   const editor = useEditor()
   const update = ref<boolean>(false)
 
+  const { t } = useI18n()
+
   const onClose = () => {
     window.close()
   }

src/components/editor/pwa/PWAPrompt.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    v-if="offlineReady || needRefresh"
+    v-if="offlineReady && needRefresh"
     class="
       fixed
       top-0

src/lang/br/desktop.ts

@@ -0,0 +1,5 @@
+export default {
+  update: {
+    tooltip: 'Atualização Disponível!',
+  },
+}

src/lang/br/index.ts

@@ -2,13 +2,15 @@ import editor from './editor'
 import toast from './toast'
 import landing from './landing'
 import seo from './seo'
+import desktop from './desktop'
 import logger from './plugin/logger'
 
 export default {
   editor,
   toast,
   landing,
   seo,
+  desktop,
   plugin: {
     logger,
   },

src/lang/en/desktop.ts

@@ -0,0 +1,5 @@
+export default {
+  update: {
+    tooltip: 'Update Available!',
+  },
+}

src/lang/en/index.ts

@@ -1,6 +1,7 @@
 import editor from './editor'
 import toast from './toast'
 import landing from './landing'
+import desktop from './desktop'
 import seo from './seo'
 import logger from './plugin/logger'
 
@@ -9,6 +10,7 @@ export default {
   toast,
   landing,
   seo,
+  desktop,
   plugin: {
     logger,
   },

src/use/pdf.ts

@@ -766,7 +766,7 @@ export const usePDF = () => {
 
     pdf.download(`${PROJECT.nameRaw}.pdf`, () => {
       toast.success(t('toast.pdf.create'))
-      
+
       ABSOLUTE.load = false
 
       isLoading.value = false