Export size

generated by export-size
version: 12.1.0
date: 2024-12-23T08:32:26.309Z

Please note this is bundle size for each individual APIs (excluding Vue). Since we have a lot shared utilities underneath each function, importing two different functions does NOT necessarily mean the bundle size will be the sum of them (usually smaller). Depends on the bundler and minifier you use, the final result might vary, this list is for reference only.

@vueuse/core

Function	min+gzipped
`useDark`	2.8 kB
`useColorMode`	2.69 kB
`createFetch`	2.59 kB
`useInfiniteScroll`	2.51 kB
`useFetch`	2.24 kB
`useMediaControls`	2.17 kB
`useParallax`	1.94 kB
`useSessionStorage`	1.82 kB
`useLocalStorage`	1.81 kB
`useScroll`	1.79 kB
`useStorage`	1.78 kB
`useVirtualList`	1.75 kB
`useAnimate`	1.64 kB
`useScreenSafeArea`	1.5 kB
`useWebSocket`	1.44 kB
`usePointerLock`	1.42 kB
`useStorageAsync`	1.41 kB
`useTimeAgo`	1.39 kB
`useThrottledRefHistory`	1.37 kB
`useClipboard`	1.35 kB
`useGamepad`	1.34 kB
`useMouseInElement`	1.31 kB
`useDraggable`	1.3 kB
`useUrlSearchParams`	1.3 kB
`useDebouncedRefHistory`	1.28 kB
`useElementBounding`	1.25 kB
`usePointerSwipe`	1.24 kB
`useDevicesList`	1.2 kB
`useFocusWithin`	1.13 kB
`useScrollLock`	1.12 kB
`useWebNotification`	1.11 kB
`useImage`	1.11 kB
`useFullscreen`	1.1 kB
`useRefHistory`	1.09 kB
`useIdle`	1.08 kB
`useMagicKeys`	1.08 kB
`useSwipe`	1.04 kB
`onClickOutside`	1.03 kB
`useActiveElement`	1.02 kB
`useEventSource`	1.02 kB
`useWindowSize`	1.02 kB
`useMouse`	1 kB
`useWakeLock`	991 B
`useDropZone`	990 B
`onLongPress`	979 B
`usePointer`	959 B
`useTitle`	954 B
`useClipboardItems`	939 B
`useDateFormat`	932 B
`useAsyncState`	930 B
`useTransition`	920 B
`useBreakpoints`	919 B
`useOffsetPagination`	918 B
`useElementSize`	903 B
`useOnline`	900 B
`useNetwork`	889 B
`useWebWorkerFn`	875 B
`usePermission`	869 B
`useElementByPoint`	834 B
`useBrowserLocation`	820 B
`useTextDirection`	808 B
`useCssVar`	802 B
`useBattery`	799 B
`useTextareaAutosize`	779 B
`useBase64`	771 B
`useScreenOrientation`	770 B
`useDeviceMotion`	758 B
`onStartTyping`	757 B
`formatTimeAgo`	750 B
`useSpeechSynthesis`	748 B
`useElementVisibility`	735 B
`useMousePressed`	735 B
`onKeyPressed`	733 B
`onKeyDown`	731 B
`useDeviceOrientation`	731 B
`onKeyUp`	730 B
`useTextSelection`	723 B
`useFocus`	718 B
`useScriptTag`	713 B
`useSpeechRecognition`	705 B
`onKeyStroke`	702 B
`useFileSystemAccess`	699 B
`formatDate`	699 B
`useVibrate`	690 B
`useNavigatorLanguage`	681 B
`useTimestamp`	678 B
`useWindowScroll`	666 B
`useElementHover`	650 B
`useKeyModifier`	644 B
`useIntersectionObserver`	642 B
`useNow`	641 B
`useUserMedia`	636 B
`until`	631 B
`useBluetooth`	627 B
`usePageLeave`	625 B
`watchTriggerable`	618 B
`executeTransition`	614 B
`useDocumentVisibility`	599 B
`usePreferredLanguages`	592 B
`useWindowFocus`	590 B
`useFileDialog`	577 B
`createReusableTemplate`	576 B
`useMutationObserver`	564 B
`useGeolocation`	558 B
`refThrottled`	556 B
`throttledRef`	556 B
`useThrottle`	556 B
`throttledWatch`	550 B
`watchThrottled`	550 B
`useMemory`	533 B
`syncRef`	527 B
`usePreferredContrast`	522 B
`useResizeObserver`	520 B
`useManualRefHistory`	518 B
`usePreferredColorScheme`	515 B
`useEventListener`	514 B
`useBroadcastChannel`	510 B
`useVModels`	509 B
`useAsyncQueue`	501 B
`usePreferredReducedMotion`	499 B
`useFps`	497 B
`useParentElement`	497 B
`useStyleTag`	497 B
`useDisplayMedia`	496 B
`useThrottleFn`	493 B
`usePreferredDark`	486 B
`useVModel`	486 B
`reactivePick`	477 B
`debouncedWatch`	458 B
`watchDebounced`	458 B
`useMediaQuery`	455 B
`useCycleList`	454 B
`useInterval`	453 B
`useFavicon`	445 B
`debouncedRef`	440 B
`refDebounced`	440 B
`useDebounce`	440 B
`ignorableWatch`	433 B
`watchIgnorable`	433 B
`controlledRef`	413 B
`useTimeoutPoll`	411 B
`useTimeout`	409 B
`reactiveOmit`	403 B
`useConfirmDialog`	402 B
`refWithControl`	402 B
`useCurrentElement`	401 B
`throttleFilter`	394 B
`useStepper`	392 B
`useDebounceFn`	392 B
`usePerformanceObserver`	388 B
`createTemplatePromise`	387 B
`useRafFn`	385 B
`useIntervalFn`	368 B
`useShare`	365 B
`createInjectionState`	364 B
`useArrayIncludes`	362 B
`useSorted`	356 B
`asyncComputed`	347 B
`computedAsync`	347 B
`pausableWatch`	347 B
`watchPausable`	347 B
`TransitionPresets`	345 B
`watchAtMost`	339 B
`useWebWorker`	325 B
`reactifyObject`	324 B
`useTimeoutFn`	321 B
`useDevicePixelRatio`	309 B
`toRefs`	309 B
`watchArray`	301 B
`debounceFilter`	299 B
`normalizeDate`	291 B
`reactiveComputed`	288 B
`templateRef`	283 B
`useEyeDropper`	283 B
`useEventBus`	282 B
`toReactive`	269 B
`computedWithControl`	267 B
`controlledComputed`	267 B
`useObjectUrl`	263 B
`useCloned`	262 B
`useArrayDifference`	256 B
`autoResetRef`	255 B
`refAutoReset`	255 B
`usePrevious`	251 B
`mapGamepadToXbox360Controller`	247 B
`useCounter`	247 B
`useMemoize`	242 B
`createEventHook`	238 B
`isIOS`	238 B
`useArrayUnique`	236 B
`watchWithFilter`	233 B
`createSharedComposable`	232 B
`injectLocal`	229 B
`provideLocal`	227 B
`useToggle`	224 B
`useToNumber`	223 B
`useArrayFindLast`	216 B
`StorageSerializers`	211 B
`extendRef`	207 B
`useArrayReduce`	203 B
`makeDestructurable`	201 B
`increaseWithUnit`	199 B
`createReactiveFn`	198 B
`reactify`	198 B
`resolveRef`	193 B
`computedEager`	189 B
`eagerComputed`	189 B
`setSSRHandler`	188 B
`hyphenate`	187 B
`getSSRHandler`	186 B
`syncRefs`	185 B
`camelize`	184 B
`pausableFilter`	181 B
`toRef`	180 B
`useSupported`	176 B
`whenever`	173 B
`createFilterWrapper`	172 B
`useLastChanged`	172 B
`tryOnBeforeMount`	163 B
`tryOnMounted`	162 B
`useArraySome`	161 B
`useArrayJoin`	160 B
`useArrayFind`	159 B
`createSingletonPromise`	157 B
`useArrayEvery`	157 B
`useArrayFindIndex`	157 B
`useArrayMap`	155 B
`createUnrefFn`	153 B
`unrefElement`	152 B
`createGlobalState`	152 B
`useArrayFilter`	151 B
`tryOnBeforeUnmount`	148 B
`objectOmit`	145 B
`useToString`	145 B
`tryOnUnmounted`	144 B
`computedInject`	142 B
`objectPick`	141 B
`refDefault`	140 B
`watchOnce`	140 B
`promiseTimeout`	138 B
`useTemplateRefsList`	133 B
`isObject`	133 B
`DefaultMagicKeysAliasMap`	130 B
`getLifeCycleTarget`	128 B
`resolveUnref`	128 B
`set`	127 B
`tryOnScopeDispose`	125 B
`rand`	124 B
`breakpointsMasterCss`	120 B
`assert`	120 B
`defaultLocation`	118 B
`defaultNavigator`	118 B
`get`	117 B
`watchImmediate`	117 B
`defaultWindow`	116 B
`defaultDocument`	114 B
`useCached`	114 B
`useMounted`	114 B
`watchDeep`	113 B
`breakpointsSematic`	111 B
`containsProp`	111 B
`clamp`	109 B
`breakpointsBootstrapV5`	108 B
`hasOwn`	107 B
`noop`	107 B
`now`	106 B
`toValue`	106 B
`breakpointsTailwind`	104 B
`isDefined`	103 B
`timestamp`	103 B
`breakpointsVuetifyV3`	102 B
`notNullish`	102 B
`bypassFilter`	98 B
`isClient`	97 B
`breakpointsAntDesign`	96 B
`breakpointsVuetifyV2`	96 B
`isDef`	94 B
`objectEntries`	94 B
`breakpointsVuetify`	93 B
`breakpointsQuasar`	92 B
`invoke`	92 B
`isWorker`	84 B
`identity`	83 B
`breakpointsPrimeFlex`	82 B
`breakpointsElement`	81 B
`cloneFnJSON`	78 B
`customStorageEventName`	67 B

@vueuse/components

Function	min+gzipped
`UseColorMode`	3.35 kB
`vInfiniteScroll`	3.12 kB
`vScroll`	2.49 kB
`UseScreenSafeArea`	2.3 kB
`UseImage`	2.24 kB
`vElementSize`	1.85 kB
`OnLongPress`	1.76 kB
`vElementVisibility`	1.68 kB
`VOnLongPress`	1.67 kB
`vOnLongPress`	1.67 kB
`VOnClickOutside`	1.67 kB
`vOnClickOutside`	1.67 kB
`vIntersectionObserver`	1.56 kB
`UseDraggable`	1.56 kB
`vOnKeyStroke`	1.46 kB
`vResizeObserver`	1.45 kB
`UseDark`	1.42 kB
`UseVirtualList`	1.41 kB
`UseOffsetPagination`	1.38 kB
`vElementHover`	1.36 kB
`UseElementSize`	1.32 kB
`UseTimeAgo`	1.31 kB
`UsePointer`	1.31 kB
`OnClickOutside`	1.31 kB
`UseMousePressed`	1.31 kB
`UseMouseInElement`	1.3 kB
`UseElementBounding`	1.29 kB
`UseIdle`	1.29 kB
`UseClipboard`	1.29 kB
`UseElementVisibility`	1.29 kB
`UseGeolocation`	1.29 kB
`UseFullscreen`	1.29 kB
`UsePointerLock`	1.29 kB
`UseDevicesList`	1.29 kB
`UseEyeDropper`	1.28 kB
`UseMouse`	1.28 kB
`UseTimestamp`	1.28 kB
`UseWindowSize`	1.27 kB
`UseNow`	1.27 kB
`UseObjectUrl`	1.27 kB
`UsePreferredReducedMotion`	1.27 kB
`UsePreferredColorScheme`	1.27 kB
`UsePreferredContrast`	1.26 kB
`UsePageLeave`	1.26 kB
`UseDevicePixelRatio`	1.26 kB
`UseDocumentVisibility`	1.26 kB
`UsePreferredDark`	1.26 kB
`UseWindowFocus`	1.26 kB
`UseActiveElement`	1.26 kB
`UseDeviceMotion`	1.26 kB
`UsePreferredLanguages`	1.26 kB
`UseOnline`	1.26 kB
`UseDeviceOrientation`	1.26 kB
`UseBattery`	1.26 kB
`UseBrowserLocation`	1.25 kB
`UseNetwork`	1.25 kB
`vScrollLock`	1.19 kB

@vueuse/math

Function	min+gzipped
`usePrecision`	263 B
`useClamp`	235 B
`useAverage`	219 B
`useProjection`	214 B
`useSum`	212 B
`useMin`	211 B
`useMax`	209 B
`createProjection`	201 B
`useMath`	193 B
`createGenericProjection`	156 B
`and`	149 B
`logicAnd`	149 B
`logicOr`	148 B
`or`	148 B
`useFloor`	146 B
`useAbs`	145 B
`useRound`	145 B
`useTrunc`	144 B
`useCeil`	143 B
`logicNot`	141 B
`not`	141 B

@vueuse/nuxt

Function	min+gzipped
`default`	801 B

@vueuse/router

Function	min+gzipped
`useRouteParams`	496 B
`useRouteQuery`	487 B
`useRouteHash`	380 B

@vueuse/integrations

Function	min+gzipped
`useAxios`	1.4 kB
`useAsyncValidator`	1.14 kB
`useDrauu`	766 B
`createCookies`	563 B
`useFocusTrap`	533 B
`useCookies`	525 B
`useIDBKeyval`	525 B
`useSortable`	494 B
`useFuse`	467 B
`useNProgress`	448 B
`useChangeCase`	429 B
`useQRCode`	401 B
`useJwt`	339 B
`moveArrayElement`	270 B

@vueuse/rxjs

Function	min+gzipped
`useExtractedObservable`	344 B
`watchExtractedObservable`	264 B
`useSubject`	257 B
`useObservable`	225 B
`fromEvent`	178 B
`useSubscription`	161 B
`from`	122 B
`toObserver`	73 B

@vueuse/firebase

Function	min+gzipped
`useFirestore`	653 B
`useRTDB`	257 B
`useAuth`	160 B

@vueuse/electron

Function	min+gzipped
`useIpcRenderer`	482 B
`useZoomFactor`	322 B
`useZoomLevel`	277 B
`useIpcRendererOn`	267 B
`useIpcRendererInvoke`	213 B

@vueuse/shared

Function	min+gzipped
`useDateFormat`	932 B
`formatDate`	699 B
`until`	631 B
`watchTriggerable`	618 B
`refThrottled`	556 B
`throttledRef`	556 B
`useThrottle`	556 B
`throttledWatch`	550 B
`watchThrottled`	550 B
`syncRef`	527 B
`useThrottleFn`	493 B
`reactivePick`	477 B
`debouncedWatch`	458 B
`watchDebounced`	458 B
`useInterval`	453 B
`debouncedRef`	440 B
`refDebounced`	440 B
`useDebounce`	440 B
`ignorableWatch`	433 B
`watchIgnorable`	433 B
`controlledRef`	413 B
`useTimeout`	409 B
`reactiveOmit`	403 B
`refWithControl`	402 B
`throttleFilter`	394 B
`useDebounceFn`	392 B
`useIntervalFn`	368 B
`createInjectionState`	364 B
`useArrayIncludes`	362 B
`pausableWatch`	347 B
`watchPausable`	347 B
`watchAtMost`	339 B
`reactifyObject`	324 B
`useTimeoutFn`	321 B
`toRefs`	309 B
`watchArray`	301 B
`debounceFilter`	299 B
`normalizeDate`	291 B
`reactiveComputed`	288 B
`toReactive`	269 B
`computedWithControl`	267 B
`controlledComputed`	267 B
`useArrayDifference`	256 B
`autoResetRef`	255 B
`refAutoReset`	255 B
`useCounter`	247 B
`createEventHook`	238 B
`isIOS`	238 B
`useArrayUnique`	236 B
`watchWithFilter`	233 B
`createSharedComposable`	232 B
`injectLocal`	229 B
`provideLocal`	227 B
`useToggle`	224 B
`useToNumber`	223 B
`useArrayFindLast`	216 B
`extendRef`	207 B
`useArrayReduce`	203 B
`makeDestructurable`	201 B
`increaseWithUnit`	199 B
`createReactiveFn`	198 B
`reactify`	198 B
`resolveRef`	193 B
`computedEager`	189 B
`eagerComputed`	189 B
`hyphenate`	187 B
`syncRefs`	185 B
`camelize`	184 B
`pausableFilter`	181 B
`toRef`	180 B
`whenever`	173 B
`createFilterWrapper`	172 B
`useLastChanged`	172 B
`tryOnBeforeMount`	163 B
`tryOnMounted`	162 B
`useArraySome`	161 B
`useArrayJoin`	160 B
`useArrayFind`	159 B
`createSingletonPromise`	157 B
`useArrayEvery`	157 B
`useArrayFindIndex`	157 B
`useArrayMap`	155 B
`createGlobalState`	152 B
`useArrayFilter`	151 B
`tryOnBeforeUnmount`	148 B
`objectOmit`	145 B
`useToString`	145 B
`tryOnUnmounted`	144 B
`objectPick`	141 B
`refDefault`	140 B
`watchOnce`	140 B
`promiseTimeout`	138 B
`isObject`	133 B
`getLifeCycleTarget`	128 B
`resolveUnref`	128 B
`set`	127 B
`tryOnScopeDispose`	125 B
`rand`	124 B
`assert`	120 B
`get`	117 B
`watchImmediate`	117 B
`watchDeep`	113 B
`containsProp`	111 B
`clamp`	109 B
`hasOwn`	107 B
`noop`	107 B
`now`	106 B
`toValue`	106 B
`isDefined`	103 B
`timestamp`	103 B
`notNullish`	102 B
`bypassFilter`	98 B
`isClient`	97 B
`isDef`	94 B
`objectEntries`	94 B
`invoke`	92 B
`isWorker`	84 B
`identity`	83 B

Export size ​

Export size