refactor: update imports and improve TypeScript configuration

- Changed TypeScript imports in multiple components to use the correct paths, enhancing code clarity and maintainability.
- Updated the TypeScript configuration settings in the FunctionCodeEditor component to align with the latest monaco-editor API.

These changes aim to streamline the codebase and ensure compatibility with the updated TypeScript features.

Signed-off-by: Innei <tukon479@gmail.com>

Author: Innei

package.json

@@ -127,4 +127,4 @@
     "vite-tsconfig-paths": "6.0.5"
   },
   "packageManager": "pnpm@10.28.2"
-}
+}

src/components/function-editor/index.tsx

@@ -54,24 +54,19 @@ export const FunctionCodeEditor = defineComponent({
     onMounted(() => {
       import('monaco-editor').then((monaco) => {
         const compilerOptions =
-          monaco.languages.typescript.typescriptDefaults.getCompilerOptions()
-        compilerOptions.target = monaco.languages.typescript.ScriptTarget.ESNext
+          monaco.typescript.typescriptDefaults.getCompilerOptions()
+        compilerOptions.target = monaco.typescript.ScriptTarget.ESNext
         compilerOptions.allowNonTsExtensions = true
         compilerOptions.moduleResolution =
-          monaco.languages.typescript.ModuleResolutionKind.NodeJs
+          monaco.typescript.ModuleResolutionKind.NodeJs
         compilerOptions.esModuleInterop = true
 
-        monaco.languages.typescript.typescriptDefaults.setCompilerOptions(
-          compilerOptions,
-        )
+        monaco.typescript.typescriptDefaults.setCompilerOptions(compilerOptions)
 
         const libUri = 'ts:filename/global.d.ts'
         if (!monaco.editor.getModel(monaco.Uri.parse(libUri))) {
           systemApi.getFnTypes().then((libSource) => {
-            monaco.languages.typescript.typescriptDefaults.addExtraLib(
-              libSource,
-              libUri,
-            )
+            monaco.typescript.typescriptDefaults.addExtraLib(libSource, libUri)
             // When resolving definitions and references, the editor will try to use created models.
             // Creating a model for the library allows "peek definition/references" commands to work with the library.
             monaco.editor.createModel(
@@ -94,10 +89,7 @@ export const FunctionCodeEditor = defineComponent({
             return
           }
 
-          monaco.languages.typescript.typescriptDefaults.addExtraLib(
-            libSource,
-            libUri,
-          )
+          monaco.typescript.typescriptDefaults.addExtraLib(libSource, libUri)
           // When resolving definitions and references, the editor will try to use created models.
           // Creating a model for the library allows "peek definition/references" commands to work with the library.
           monaco.editor.createModel(
@@ -110,10 +102,7 @@ export const FunctionCodeEditor = defineComponent({
         for (const libUri in NodeDeclare) {
           const libSource = NodeDeclare[libUri]
 
-          monaco.languages.typescript.typescriptDefaults.addExtraLib(
-            libSource,
-            libUri,
-          )
+          monaco.typescript.typescriptDefaults.addExtraLib(libSource, libUri)
 
           monaco.editor.createModel(
             libSource,

src/hooks/use-memo-fetch-data-list.ts

@@ -1,5 +1,5 @@
 import { nextTick, ref } from 'vue'
-import type { PaginateResult } from '@mx-space/api-client'
+import type { PaginateResult } from '~/models/base'
 import type { Ref } from 'vue'
 
 import { createGlobalState } from '@vueuse/core'

src/utils/authn.ts

@@ -2,7 +2,7 @@ import { toast } from 'vue-sonner'
 import type {
   AuthenticationResponseJSON,
   RegistrationResponseJSON,
-} from '@simplewebauthn/types'
+} from '@simplewebauthn/browser'
 
 import { startAuthentication, startRegistration } from '@simplewebauthn/browser'
 

src/views/analyze/components/guest-activity.tsx

@@ -18,15 +18,13 @@ import {
   watch,
 } from 'vue'
 import { useRoute } from 'vue-router'
-import type {
-  NoteModel,
-  PageModel,
-  PostModel,
-  RecentlyModel,
-} from '@mx-space/api-client'
 import type { fetchDataFn } from '~/hooks/use-table'
 import type { ActivityReadDurationType } from '~/models/activity'
 import type { Pager } from '~/models/base'
+import type { NoteModel } from '~/models/note'
+import type { PageModel } from '~/models/page'
+import type { PostModel } from '~/models/post'
+import type { RecentlyModel } from '~/models/recently'
 import type { PropType, Ref } from 'vue'
 
 import { activityApi } from '~/api/activity'

src/views/debug/authn/index.tsx

@@ -4,7 +4,7 @@ import { toast } from 'vue-sonner'
 import type {
   AuthenticationResponseJSON,
   RegistrationResponseJSON,
-} from '@simplewebauthn/types'
+} from '@simplewebauthn/browser'
 
 import { startAuthentication, startRegistration } from '@simplewebauthn/browser'
 

src/views/maintenance/backup.tsx

@@ -11,7 +11,7 @@ import {
   Upload,
 } from 'lucide-vue-next'
 import { NButton, NCheckbox, NPopconfirm, NSpin } from 'naive-ui'
-import { computed, defineComponent, onMounted, ref, watchEffect } from 'vue'
+import { computed, defineComponent, onMounted, ref } from 'vue'
 import { toast } from 'vue-sonner'
 import type { PropType } from 'vue'
 
@@ -189,7 +189,7 @@ export default defineComponent({
       }
     }
 
-    watchEffect(() => {
+    onMounted(() => {
       setActions(
         <>
           <DeleteConfirmButton

src/views/manage-notes/hooks/use-memo-note-list.ts

@@ -1,4 +1,4 @@
-import type { NoteModel } from '@mx-space/api-client'
+import type { NoteModel } from '~/models/note'
 
 import { notesApi } from '~/api'
 import { createMemoDataListFetchHook } from '~/hooks/use-memo-fetch-data-list'