packages/export-size.md
generated by export-size
version: 14.1.0
date: 2026-01-07T03:07:59.027Z
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.
<kbd>@vueuse/core</kbd>
| Function | min+gzipped |
|---|---|
useDark | 3.22 kB |
useColorMode | 3.11 kB |
useInfiniteScroll | 2.89 kB |
createFetch | 2.68 kB |
useParallax | 2.41 kB |
useFetch | 2.3 kB |
useMediaControls | 2.27 kB |
useWindowScroll | 2.25 kB |
useScroll | 2.22 kB |
useLocalStorage | 1.98 kB |
useSessionStorage | 1.98 kB |
useStorage | 1.95 kB |
useMouseInElement | 1.86 kB |
useVirtualList | 1.76 kB |
useAnimate | 1.74 kB |
useBreakpoints | 1.71 kB |
useScreenSafeArea | 1.63 kB |
useWebSocket | 1.57 kB |
useStorageAsync | 1.49 kB |
useUrlSearchParams | 1.48 kB |
useGamepad | 1.47 kB |
useClipboard | 1.46 kB |
useThrottledRefHistory | 1.46 kB |
useWindowSize | 1.46 kB |
usePointerLock | 1.44 kB |
useTimeAgo | 1.43 kB |
useDebouncedRefHistory | 1.38 kB |
useFocusWithin | 1.37 kB |
useDraggable | 1.33 kB |
useElementBounding | 1.3 kB |
useDevicesList | 1.29 kB |
usePointerSwipe | 1.29 kB |
useMagicKeys | 1.26 kB |
onClickOutside | 1.25 kB |
useDevicePixelRatio | 1.23 kB |
useImage | 1.23 kB |
useFullscreen | 1.22 kB |
useScrollLock | 1.22 kB |
useWebNotification | 1.22 kB |
usePreferredContrast | 1.2 kB |
useIdle | 1.19 kB |
usePreferredColorScheme | 1.19 kB |
useRefHistory | 1.18 kB |
useActiveElement | 1.18 kB |
usePreferredReducedTransparency | 1.18 kB |
usePreferredReducedMotion | 1.18 kB |
usePreferredDark | 1.16 kB |
useEventSource | 1.14 kB |
useElementHover | 1.14 kB |
useDeviceMotion | 1.14 kB |
useMediaQuery | 1.13 kB |
useTimeAgoIntl | 1.12 kB |
useDropZone | 1.12 kB |
useScriptTag | 1.11 kB |
useClipboardItems | 1.03 kB |
useBluetooth | 1.03 kB |
useMouse | 1.02 kB |
useTransition | 1.02 kB |
onLongPress | 1.02 kB |
useWakeLock | 1.02 kB |
useOffsetPagination | 1 kB |
useDateFormat | 988 B |
useAsyncState | 974 B |
usePointer | 973 B |
useSwipe | 952 B |
useTitle | 933 B |
useTextareaAutosize | 931 B |
useWebWorkerFn | 927 B |
useOnline | 925 B |
useElementSize | 909 B |
useNetwork | 909 B |
useBroadcastChannel | 907 B |
useDisplayMedia | 883 B |
usePermission | 883 B |
useElementByPoint | 861 B |
useBrowserLocation | 835 B |
useBattery | 823 B |
useCssVar | 814 B |
useTextDirection | 809 B |
useScreenOrientation | 800 B |
useElementVisibility | 796 B |
useBase64 | 794 B |
useMousePressed | 786 B |
onStartTyping | 772 B |
useFileDialog | 770 B |
formatDate | 757 B |
formatTimeAgo | 755 B |
onKeyPressed | 755 B |
useTextSelection | 755 B |
useFocus | 754 B |
useSpeechSynthesis | 754 B |
useDeviceOrientation | 753 B |
onKeyDown | 752 B |
onKeyUp | 752 B |
executeTransition | 729 B |
onKeyStroke | 728 B |
onElementRemoval | 727 B |
useSpeechRecognition | 721 B |
useTimestamp | 711 B |
useFileSystemAccess | 707 B |
transition | 704 B |
useNavigatorLanguage | 700 B |
useVibrate | 697 B |
useNow | 677 B |
useKeyModifier | 671 B |
useUserMedia | 658 B |
usePageLeave | 647 B |
useIntersectionObserver | 646 B |
syncRef | 641 B |
useDocumentVisibility | 626 B |
useWindowFocus | 623 B |
usePreferredLanguages | 616 B |
until | 605 B |
useCountdown | 594 B |
createReusableTemplate | 571 B |
watchTriggerable | 570 B |
useMutationObserver | 560 B |
useFps | 558 B |
useGeolocation | 552 B |
throttledRef | 544 B |
useThrottle | 542 B |
throttledWatch | 539 B |
refThrottled | 536 B |
useMemory | 535 B |
useEventListener | 532 B |
watchThrottled | 530 B |
useStyleTag | 517 B |
useVModels | 515 B |
useResizeObserver | 508 B |
useAsyncQueue | 505 B |
useManualRefHistory | 505 B |
useVModel | 486 B |
useParentElement | 482 B |
pausableWatch | 476 B |
useThrottleFn | 475 B |
debouncedWatch | 471 B |
reactivePick | 467 B |
watchPausable | 465 B |
debouncedRef | 462 B |
formatTimeAgoIntl | 458 B |
useDebounce | 458 B |
useInterval | 457 B |
watchDebounced | 455 B |
useCycleList | 452 B |
refDebounced | 451 B |
useFavicon | 445 B |
useRafFn | 443 B |
ignorableWatch | 421 B |
controlledRef | 419 B |
useConfirmDialog | 417 B |
createInjectionState | 417 B |
useTimeoutPoll | 411 B |
watchIgnorable | 410 B |
refWithControl | 409 B |
useTimeout | 403 B |
createTemplatePromise | 397 B |
asyncComputed | 394 B |
useStepper | 392 B |
usePerformanceObserver | 390 B |
useDebounceFn | 388 B |
reactiveOmit | 383 B |
computedAsync | 382 B |
useIntervalFn | 375 B |
useCurrentElement | 370 B |
throttleFilter | 369 B |
useArrayIncludes | 357 B |
TransitionPresets | 345 B |
useShare | 345 B |
useSSRWidth | 342 B |
watchAtMost | 339 B |
useTimeoutFn | 336 B |
useSorted | 334 B |
useWebWorker | 328 B |
reactifyObject | 318 B |
provideSSRWidth | 313 B |
useArrayDifference | 312 B |
watchArray | 303 B |
templateRef | 298 B |
debounceFilter | 292 B |
pausableFilter | 292 B |
toRefs | 292 B |
useCloned | 289 B |
useEventBus | 289 B |
normalizeDate | 288 B |
useEyeDropper | 285 B |
reactiveComputed | 280 B |
injectLocal | 270 B |
useCounter | 265 B |
controlledComputed | 264 B |
createSharedComposable | 261 B |
toReactive | 260 B |
usePrevious | 251 B |
computedWithControl | 251 B |
useObjectUrl | 249 B |
provideLocal | 248 B |
mapGamepadToXbox360Controller | 247 B |
createEventHook | 246 B |
autoResetRef | 244 B |
useMemoize | 242 B |
isIOS | 242 B |
refAutoReset | 235 B |
watchWithFilter | 233 B |
useArrayUnique | 219 B |
useToNumber | 213 B |
StorageSerializers | 211 B |
eagerComputed | 208 B |
useToggle | 208 B |
extendRef | 207 B |
increaseWithUnit | 207 B |
useArrayFindLast | 204 B |
makeDestructurable | 201 B |
useCached | 199 B |
syncRefs | 198 B |
computedEager | 197 B |
useLastChanged | 196 B |
createReactiveFn | 191 B |
setSSRHandler | 188 B |
hyphenate | 187 B |
getSSRHandler | 186 B |
camelize | 184 B |
useArrayReduce | 183 B |
toRef | 180 B |
reactify | 179 B |
whenever | 173 B |
createFilterWrapper | 172 B |
refManualReset | 172 B |
useSupported | 170 B |
tryOnMounted | 164 B |
tryOnBeforeMount | 163 B |
createSingletonPromise | 157 B |
createGlobalState | 152 B |
tryOnBeforeUnmount | 148 B |
refDefault | 146 B |
formatTimeAgoIntlParts | 145 B |
objectOmit | 145 B |
tryOnUnmounted | 144 B |
computedInject | 142 B |
objectPick | 141 B |
useArrayJoin | 139 B |
promiseTimeout | 138 B |
useArrayFindIndex | 138 B |
useArrayFind | 137 B |
useArraySome | 135 B |
useTemplateRefsList | 133 B |
isObject | 133 B |
useArrayFilter | 133 B |
useArrayEvery | 131 B |
DefaultMagicKeysAliasMap | 130 B |
useArrayMap | 129 B |
getLifeCycleTarget | 128 B |
set | 127 B |
tryOnScopeDispose | 125 B |
rand | 124 B |
watchOnce | 123 B |
useMounted | 122 B |
breakpointsMasterCss | 120 B |
assert | 120 B |
defaultLocation | 118 B |
defaultNavigator | 118 B |
useToString | 118 B |
get | 117 B |
watchImmediate | 117 B |
defaultWindow | 116 B |
defaultDocument | 114 B |
pxValue | 114 B |
createRef | 113 B |
watchDeep | 113 B |
breakpointsSematic | 111 B |
containsProp | 111 B |
unrefElement | 109 B |
clamp | 109 B |
breakpointsBootstrapV5 | 108 B |
hasOwn | 107 B |
noop | 107 B |
now | 106 B |
breakpointsTailwind | 104 B |
isDefined | 103 B |
timestamp | 103 B |
breakpointsVuetifyV3 | 102 B |
notNullish | 102 B |
toArray | 102 B |
createUnrefFn | 101 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 |
<kbd>@vueuse/components</kbd>
| Function | min+gzipped |
|---|---|
UseDraggable | 587 B |
vMouseInElement | 544 B |
UseDark | 515 B |
UseObjectUrl | 474 B |
UseColorMode | 409 B |
UseVirtualList | 400 B |
UseOffsetPagination | 374 B |
UseScreenSafeArea | 367 B |
UseElementSize | 357 B |
UseImage | 354 B |
UseMouseInElement | 344 B |
VOnClickOutside | 331 B |
vOnClickOutside | 326 B |
UseMousePressed | 318 B |
UseElementVisibility | 316 B |
OnLongPress | 307 B |
UseTimeAgo | 307 B |
UseElementBounding | 304 B |
UsePointer | 295 B |
vScroll | 292 B |
OnClickOutside | 287 B |
UseFullscreen | 285 B |
UseWindowSize | 282 B |
UseIdle | 280 B |
UseMouse | 280 B |
vElementSize | 280 B |
vOnKeyStroke | 277 B |
UsePointerLock | 273 B |
UseDevicesList | 272 B |
vElementBounding | 272 B |
UseActiveElement | 268 B |
UseTimestamp | 268 B |
UseGeolocation | 267 B |
UseClipboard | 266 B |
UsePreferredColorScheme | 261 B |
UsePreferredDark | 259 B |
UseDeviceMotion | 258 B |
UseNow | 257 B |
UseDocumentVisibility | 256 B |
UsePreferredContrast | 255 B |
UsePageLeave | 254 B |
UsePreferredLanguages | 254 B |
UseDevicePixelRatio | 253 B |
UseWindowFocus | 253 B |
UsePreferredReducedMotion | 251 B |
UseBattery | 250 B |
UseEyeDropper | 249 B |
UsePreferredReducedTransparency | 248 B |
UseOnline | 246 B |
UseDeviceOrientation | 245 B |
UseNetwork | 245 B |
UseBrowserLocation | 242 B |
vElementVisibility | 237 B |
vElementHover | 234 B |
VOnLongPress | 232 B |
vIntersectionObserver | 228 B |
vOnLongPress | 224 B |
vInfiniteScroll | 214 B |
vResizeObserver | 214 B |
vScrollLock | 176 B |
<kbd>@vueuse/math</kbd>
| Function | min+gzipped |
|---|---|
useClamp | 223 B |
usePrecision | 218 B |
useMath | 211 B |
useSum | 190 B |
useMax | 184 B |
useMin | 172 B |
useAverage | 171 B |
useProjection | 163 B |
createProjection | 153 B |
and | 118 B |
not | 107 B |
or | 106 B |
logicAnd | 104 B |
createGenericProjection | 97 B |
logicOr | 95 B |
useTrunc | 94 B |
useCeil | 92 B |
useRound | 92 B |
useAbs | 90 B |
useFloor | 90 B |
logicNot | 83 B |
<kbd>@vueuse/nuxt</kbd>
| Function | min+gzipped |
|---|---|
default | 836 B |
<kbd>@vueuse/router</kbd>
| Function | min+gzipped |
|---|---|
useRouteParams | 520 B |
useRouteQuery | 506 B |
useRouteHash | 363 B |
<kbd>@vueuse/integrations</kbd>
| Function | min+gzipped |
|---|---|
useAxios | 1.28 kB |
useAsyncValidator | 1.04 kB |
useDrauu | 700 B |
useSortable | 486 B |
createCookies | 475 B |
useFocusTrap | 468 B |
useIDBKeyval | 436 B |
useCookies | 435 B |
useNProgress | 429 B |
useFuse | 331 B |
useQRCode | 305 B |
useChangeCase | 290 B |
moveArrayElement | 261 B |
useJwt | 183 B |
insertNodeAt | 109 B |
removeNode | 91 B |
<kbd>@vueuse/rxjs</kbd>
| Function | min+gzipped |
|---|---|
useExtractedObservable | 341 B |
useSubject | 252 B |
watchExtractedObservable | 250 B |
useObservable | 225 B |
fromEvent | 219 B |
useSubscription | 162 B |
from | 122 B |
toObserver | 73 B |
<kbd>@vueuse/firebase</kbd>
| Function | min+gzipped |
|---|---|
useFirestore | 661 B |
useRTDB | 243 B |
useAuth | 155 B |
<kbd>@vueuse/electron</kbd>
| Function | min+gzipped |
|---|---|
useIpcRenderer | 492 B |
useZoomFactor | 317 B |
useZoomLevel | 285 B |
useIpcRendererOn | 267 B |
useIpcRendererInvoke | 213 B |
<kbd>@vueuse/shared</kbd>
| Function | min+gzipped |
|---|---|
useDateFormat | 988 B |
formatDate | 757 B |
syncRef | 641 B |
until | 605 B |
watchTriggerable | 570 B |
throttledRef | 544 B |
useThrottle | 542 B |
throttledWatch | 539 B |
refThrottled | 536 B |
watchThrottled | 530 B |
pausableWatch | 476 B |
useThrottleFn | 475 B |
debouncedWatch | 471 B |
reactivePick | 467 B |
watchPausable | 465 B |
debouncedRef | 462 B |
useDebounce | 458 B |
useInterval | 457 B |
watchDebounced | 455 B |
refDebounced | 451 B |
ignorableWatch | 421 B |
controlledRef | 419 B |
createInjectionState | 417 B |
watchIgnorable | 410 B |
refWithControl | 409 B |
useTimeout | 403 B |
useDebounceFn | 388 B |
reactiveOmit | 383 B |
useIntervalFn | 375 B |
throttleFilter | 369 B |
useArrayIncludes | 357 B |
watchAtMost | 339 B |
useTimeoutFn | 336 B |
reactifyObject | 318 B |
useArrayDifference | 312 B |
watchArray | 303 B |
debounceFilter | 292 B |
pausableFilter | 292 B |
toRefs | 292 B |
normalizeDate | 288 B |
reactiveComputed | 280 B |
injectLocal | 270 B |
useCounter | 265 B |
controlledComputed | 264 B |
createSharedComposable | 261 B |
toReactive | 260 B |
computedWithControl | 251 B |
provideLocal | 248 B |
createEventHook | 246 B |
autoResetRef | 244 B |
isIOS | 242 B |
refAutoReset | 235 B |
watchWithFilter | 233 B |
useArrayUnique | 219 B |
useToNumber | 213 B |
eagerComputed | 208 B |
useToggle | 208 B |
extendRef | 207 B |
increaseWithUnit | 207 B |
useArrayFindLast | 204 B |
makeDestructurable | 201 B |
syncRefs | 198 B |
computedEager | 197 B |
useLastChanged | 196 B |
createReactiveFn | 191 B |
hyphenate | 187 B |
camelize | 184 B |
useArrayReduce | 183 B |
toRef | 180 B |
reactify | 179 B |
whenever | 173 B |
createFilterWrapper | 172 B |
refManualReset | 172 B |
tryOnMounted | 164 B |
tryOnBeforeMount | 163 B |
createSingletonPromise | 157 B |
createGlobalState | 152 B |
tryOnBeforeUnmount | 148 B |
refDefault | 146 B |
objectOmit | 145 B |
tryOnUnmounted | 144 B |
objectPick | 141 B |
useArrayJoin | 139 B |
promiseTimeout | 138 B |
useArrayFindIndex | 138 B |
useArrayFind | 137 B |
useArraySome | 135 B |
isObject | 133 B |
useArrayFilter | 133 B |
useArrayEvery | 131 B |
useArrayMap | 129 B |
getLifeCycleTarget | 128 B |
set | 127 B |
tryOnScopeDispose | 125 B |
rand | 124 B |
watchOnce | 123 B |
assert | 120 B |
useToString | 118 B |
get | 117 B |
watchImmediate | 117 B |
pxValue | 114 B |
createRef | 113 B |
watchDeep | 113 B |
containsProp | 111 B |
clamp | 109 B |
hasOwn | 107 B |
noop | 107 B |
now | 106 B |
isDefined | 103 B |
timestamp | 103 B |
notNullish | 102 B |
toArray | 102 B |
bypassFilter | 98 B |
isClient | 97 B |
isDef | 94 B |
objectEntries | 94 B |
invoke | 92 B |
isWorker | 84 B |
identity | 83 B |