perf(composables): use shallowRef instead deep ref

Author: OrbisK

app/composables/useCharts.ts

@@ -1,3 +1 @@
-import { createSharedComposable } from '@vueuse/core'
-
 export const useCharts = createSharedComposable(function useCharts() {})

app/composables/useConnector.ts

@@ -1,5 +1,4 @@
 import type { PendingOperation, OperationStatus, OperationType } from '../../cli/src/types'
-import { createSharedComposable } from '@vueuse/core'
 
 export interface NewOperation {
   type: OperationType

app/composables/useNpmRegistry.ts

@@ -10,8 +10,6 @@ import type {
 } from '#shared/types'
 import type { ReleaseType } from 'semver'
 import { maxSatisfying, prerelease, major, minor, diff, gt } from 'semver'
-import { compareVersions, isExactVersion } from '~/utils/versions'
-import { extractInstallScriptsInfo } from '~/utils/install-scripts'
 
 const NPM_REGISTRY = 'https://registry.npmjs.org'
 const NPM_API = 'https://api.npmjs.org'
@@ -556,7 +554,7 @@ async function checkDependencyOutdated(
 export function useOutdatedDependencies(
   dependencies: MaybeRefOrGetter<Record<string, string> | undefined>,
 ) {
-  const outdated = ref<Record<string, OutdatedDependencyInfo>>({})
+  const outdated = shallowRef<Record<string, OutdatedDependencyInfo>>({})
 
   async function fetchOutdatedInfo(deps: Record<string, string> | undefined) {
     if (!deps || Object.keys(deps).length === 0) {

app/composables/useSelectedPackageManager.ts

@@ -1,5 +1,3 @@
-import { useLocalStorage } from '@vueuse/core'
-
 export function useSelectedPackageManager() {
   return useLocalStorage<PackageManagerId>('npmx-pm', 'npm')
 }

app/composables/useVirtualInfiniteScroll.ts

@@ -48,10 +48,10 @@ export function useVirtualInfiniteScroll(options: UseVirtualInfiniteScrollOption
   } = options
 
   // Track last fetched count to prevent duplicate fetches
-  const fetchedCountRef = ref(-1)
+  const fetchedCountRef = shallowRef(-1)
 
   // Track current page to avoid unnecessary updates
-  const currentPage = ref(1)
+  const currentPage = shallowRef(1)
 
   function handleScroll() {
     const list = listRef.value