refactor: update deprecated packages for resolve node24 types

Author: Novout

generi.config.ts

@@ -0,0 +1,14 @@
+export default {
+  repository: "https://github.com/Novout/betterwrite",
+  silent: false,
+	commits: "conventional-commits",
+	tag: true,
+	version: true,
+	push: true,
+	publish: false,
+	release: false,
+	exclude: [" typo"],
+	prerelease: "beta",
+	packagePath: "package.json",
+	lernaPath: "lerna.json"
+};

generi.json

@@ -13,7 +13,7 @@
     "major": "generi log major"
   },
   "devDependencies": {
-    "generi": "1.2.1",
+    "generi": "2.0.1",
     "lerna": "6.6.2"
   },
   "packageManager": "pnpm@8.5.1"

package.json

@@ -33,17 +33,16 @@
     "@milkdown/preset-commonmark": "7.2.3",
     "@milkdown/prose": "7.2.3",
     "@milkdown/transformer": "7.2.3",
-    "@sentry/tracing": "7.14.2",
-    "@sentry/vue": "7.14.2",
+    "@sentry/vue": "10.22.0",
     "@vuelidate/core": "2.0.1",
     "@vuelidate/validators": "2.0.1",
     "@vueuse/components": "9.13.0",
     "@vueuse/core": "9.13.0",
-    "@vueuse/head": "1.1.23",
     "@vueuse/integrations": "9.13.0",
     "@vueuse/motion": "2.0.0-beta.12",
     "@vueuse/shared": "9.13.0",
     "@vueuse/sound": "2.0.1",
+    "@unhead/vue": "2.0.19",
     "@zip.js/zip.js": "2.7.20",
     "better-write-client-storage": "^1.3.25",
     "better-write-color-converter": "^1.3.25",
@@ -135,17 +134,16 @@
     "optimizeDeps": {
       "include": [
         "@headlessui/vue",
-        "@sentry/tracing",
         "@sentry/vue",
         "@vue/reactivity",
         "@vuelidate/core",
         "@vuelidate/validators",
         "@vueuse/core",
-        "@vueuse/head",
         "@vueuse/integrations/useDrauu",
         "@vueuse/integrations/useNProgress",
         "@vueuse/motion",
         "@vueuse/components",
+        "@unhead/vue",
         "@milkdown/utils",
         "docx",
         "dropbox",

packages/app/package.json

@@ -1,8 +1,7 @@
 import { createApp } from 'vue'
 import * as Sentry from '@sentry/vue'
-import { BrowserTracing } from '@sentry/tracing'
 import { useRegisterSW } from 'virtual:pwa-register/vue'
-import { createHead } from '@vueuse/head'
+import { createHead } from '@unhead/vue/client'
 import { createPinia } from 'pinia'
 import { createPluginCore } from 'better-write-plugin-core'
 import { Events } from 'better-write-types'
@@ -78,12 +77,7 @@ if (!env.isDev()) {
   Sentry.init({
     app,
     dsn: env.getSentryDsn(),
-    integrations: [
-      new BrowserTracing({
-        routingInstrumentation: Sentry.vueRouterInstrumentation(router),
-        tracingOrigins: [env.getProdUrl(), /^\//],
-      }),
-    ],
+    sendDefaultPii: true,
     beforeSend(event, _) {
       if (event.exception) {
         Sentry.showReportDialog({
@@ -115,10 +109,6 @@ if (!env.isDev()) {
 
       return event
     },
-    logErrors: true,
-    tracesSampleRate: 0.5,
-    trackComponents: true,
-    hooks: ['mount'],
   })
 }
 

packages/app/src/main.ts

@@ -1,4 +1,4 @@
-import { useHead } from '@vueuse/head'
+import { useHead } from '@unhead/vue'
 import { VueI18nSEO } from 'better-write-languages'
 import { computed } from 'vue'
 import { useI18n } from 'vue-i18n'

packages/app/src/use/initializer/head.ts

@@ -33,11 +33,11 @@ import { useUtils } from '../utils'
 import { useI18n } from 'vue-i18n'
 import { useHistoryStore } from '@/store/history'
 import { useLiveshareStore } from '@/store/liveshare'
+import { useHead } from '@unhead/vue'
 import useEmitter from '../emitter'
 import { useCharacters } from '../characters'
 import * as VUEROUTER from 'vue-router'
 import * as VUEUSE_CORE from '@vueuse/core'
-import * as VUEUSE_HEAD from '@vueuse/head'
 import * as VUEUSE_SOUND from '@vueuse/sound'
 import { useGlobalStore } from '@/store/global'
 import { useDropbox } from '../storage/dropbox'
@@ -98,7 +98,7 @@ export const usePluginInitializer = () => {
         schemas: useSchemas(),
         vueuse: {
           core: VUEUSE_CORE,
-          head: VUEUSE_HEAD,
+          head: useHead,
           sound: VUEUSE_SOUND,
           integration: {
             progress: useNProgress(),

packages/app/src/use/initializer/plugin.ts

@@ -1,4 +1,4 @@
-import { useHead } from '@vueuse/head'
+import { useHead } from '@unhead/vue'
 import { useI18n } from 'vue-i18n'
 import { computed, onMounted, nextTick, ref } from 'vue'
 import { useEnv } from '@/use/env'

packages/app/src/use/landing.ts

@@ -60,7 +60,7 @@ export const ImageToForcePNG = (
 }
 
 export const getFileOrBlobResult = (
-  file: File | Blob,
+  file: File,
 ): Promise<ImageFileRawReturn> => {
   return new Promise((res, rej) => {
     const reader = new FileReader()
@@ -121,7 +121,7 @@ export const getImageFileRaw = (
         new Compressor(file, {
           quality: options?.compress?.quality ?? 1.0,
           async success(compressed) {
-            const data = await getFileOrBlobResult(compressed)
+            const data = await getFileOrBlobResult(compressed as File)
 
             data ? res(data) : rej(data)
           },

packages/image-converter/src/index.ts

@@ -20,7 +20,8 @@ export const PluginSeoSet = (
           (stores.CONTEXT.entities[0]?.raw ? ' - ' : '') +
           stores.CONTEXT.entities[0]?.raw,
     )
-    hooks.vueuse.head.useHead({
+    
+    hooks.vueuse.head({
       title: _title,
       meta: [
         {