Export size

generated by export-size
version: 10.2.0
date: 2023-06-06T20:51:12.857Z

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`	3.03 kB
`useColorMode`	2.89 kB
`createFetch`	2.76 kB
`useFetch`	2.42 kB
`useMediaControls`	2.41 kB
`useSessionStorage`	2.03 kB
`useLocalStorage`	2.02 kB
`useStorage`	1.99 kB
`useInfiniteScroll`	1.98 kB
`useVirtualList`	1.8 kB
`useThrottledRefHistory`	1.73 kB
`useDebouncedRefHistory`	1.7 kB
`useStorageAsync`	1.63 kB
`useTimeAgo`	1.63 kB
`useUrlSearchParams`	1.59 kB
`useAnimate`	1.56 kB
`useScroll`	1.53 kB
`useParallax`	1.5 kB
`useScreenSafeArea`	1.5 kB
`useRefHistory`	1.45 kB
`useImage`	1.39 kB
`useDraggable`	1.36 kB
`usePointerLock`	1.36 kB
`useWebSocket`	1.34 kB
`useGamepad`	1.25 kB
`useAsyncState`	1.17 kB
`useElementBounding`	1.15 kB
`useTransition`	1.15 kB
`usePointer`	1.14 kB
`useMouseInElement`	1.12 kB
`useDevicesList`	1.09 kB
`useFullscreen`	1.05 kB
`usePointerSwipe`	1.04 kB
`useClipboard`	1.02 kB
`useMagicKeys`	1.02 kB
`useSwipe`	996 B
`useIdle`	977 B
`useWebNotification`	964 B
`useWindowSize`	964 B
`useElementSize`	955 B
`useElementByPoint`	953 B
`useBrowserLocation`	952 B
`useBreakpoints`	915 B
`useScrollLock`	915 B
`onKeyPressed`	908 B
`onKeyUp`	906 B
`onKeyDown`	904 B
`useTitle`	903 B
`onClickOutside`	893 B
`useFileSystemAccess`	878 B
`useTextareaAutosize`	869 B
`useOnline`	830 B
`useMouse`	825 B
`useTextDirection`	821 B
`useCssVar`	820 B
`useTimestamp`	817 B
`useNetwork`	814 B
`useNow`	788 B
`formatTimeAgo`	774 B
`useBase64`	769 B
`useFocusWithin`	769 B
`usePermission`	759 B
`useWebWorkerFn`	749 B
`useBattery`	743 B
`createReusableTemplate`	738 B
`useWakeLock`	727 B
`useSpeechSynthesis`	724 B
`useActiveElement`	712 B
`useFileDialog`	707 B
`onStartTyping`	704 B
`useScreenOrientation`	704 B
`useDeviceMotion`	703 B
`useSpeechRecognition`	694 B
`useElementVisibility`	692 B
`useTextSelection`	681 B
`useEventSource`	679 B
`useMousePressed`	679 B
`useScriptTag`	676 B
`onLongPress`	675 B
`useDeviceOrientation`	672 B
`useResizeObserver`	671 B
`useVibrate`	671 B
`onKeyStroke`	651 B
`useOffsetPagination`	650 B
`useIntersectionObserver`	634 B
`useNavigatorLanguage`	632 B
`executeTransition`	630 B
`useDropZone`	629 B
`useMutationObserver`	613 B
`useFocus`	605 B
`useElementHover`	598 B
`useBluetooth`	596 B
`useKeyModifier`	587 B
`usePreferredContrast`	583 B
`usePageLeave`	576 B
`usePreferredColorScheme`	570 B
`useUserMedia`	569 B
`useVModels`	567 B
`usePreferredReducedMotion`	557 B
`useWindowScroll`	555 B
`useShare`	546 B
`useDocumentVisibility`	542 B
`usePreferredLanguages`	537 B
`usePerformanceObserver`	536 B
`usePreferredDark`	536 B
`useVModel`	533 B
`useWindowFocus`	532 B
`useGeolocation`	526 B
`useMemory`	524 B
`useManualRefHistory`	516 B
`useAsyncQueue`	511 B
`useMediaQuery`	505 B
`useCloned`	499 B
`createTemplatePromise`	497 B
`useParentElement`	496 B
`useBroadcastChannel`	476 B
`useDisplayMedia`	476 B
`useStyleTag`	474 B
`useEventListener`	467 B
`useCycleList`	463 B
`useFps`	458 B
`useStepper`	433 B
`useConfirmDialog`	418 B
`useTimeoutPoll`	407 B
`useMemoize`	403 B
`useSorted`	366 B
`TransitionPresets`	363 B
`useFavicon`	362 B
`asyncComputed`	358 B
`computedAsync`	358 B
`useCurrentElement`	355 B
`useRafFn`	342 B
`useEventBus`	332 B
`useWebWorker`	322 B
`useEyeDropper`	314 B
`mapGamepadToXbox360Controller`	304 B
`useDevicePixelRatio`	294 B
`useObjectUrl`	278 B
`templateRef`	270 B
`usePrevious`	260 B
`StorageSerializers`	246 B
`setSSRHandler`	240 B
`getSSRHandler`	213 B
`useSupported`	194 B
`computedInject`	183 B
`breakpointsMasterCss`	178 B
`useTemplateRefsList`	177 B
`useCached`	169 B
`DefaultMagicKeysAliasMap`	166 B
`createUnrefFn`	166 B
`unrefElement`	165 B
`breakpointsSematic`	158 B
`useMounted`	156 B
`breakpointsBootstrapV5`	145 B
`breakpointsTailwind`	145 B
`breakpointsAntDesign`	141 B
`breakpointsQuasar`	129 B
`breakpointsVuetify`	124 B
`cloneFnJSON`	122 B
`customStorageEventName`	111 B
`defaultNavigator`	108 B
`defaultWindow`	104 B
`defaultDocument`	101 B
`defaultLocation`	100 B

@vueuse/components

Function	min+gzipped
`UseColorMode`	6.07 kB
`UseImage`	5.17 kB
`UseScreenSafeArea`	4.77 kB
`UseDraggable`	4.5 kB
`UseOffsetPagination`	4.39 kB
`UseVirtualList`	4.38 kB
`UseDark`	4.35 kB
`UseTimeAgo`	4.31 kB
`UseMousePressed`	4.3 kB
`UsePointer`	4.3 kB
`UseNow`	4.28 kB
`UseTimestamp`	4.27 kB
`UseElementSize`	4.27 kB
`OnClickOutside`	4.26 kB
`OnLongPress`	4.26 kB
`UseMouseInElement`	4.26 kB
`UseElementVisibility`	4.25 kB
`UseElementBounding`	4.25 kB
`UseIdle`	4.24 kB
`UseGeolocation`	4.24 kB
`UsePointerLock`	4.24 kB
`VOnClickOutside`	4.24 kB
`vOnClickOutside`	4.24 kB
`UseFullscreen`	4.24 kB
`vScroll`	4.24 kB
`UseMouse`	4.24 kB
`UseDevicesList`	4.24 kB
`UseWindowSize`	4.23 kB
`UseEyeDropper`	4.23 kB
`UseObjectUrl`	4.23 kB
`vOnKeyStroke`	4.22 kB
`UsePreferredColorScheme`	4.22 kB
`UsePreferredDark`	4.22 kB
`UsePreferredReducedMotion`	4.22 kB
`UseWindowFocus`	4.22 kB
`UsePreferredContrast`	4.22 kB
`UsePreferredLanguages`	4.22 kB
`vElementSize`	4.22 kB
`UseDeviceMotion`	4.22 kB
`UseDocumentVisibility`	4.22 kB
`UseOnline`	4.22 kB
`UsePageLeave`	4.22 kB
`UseDevicePixelRatio`	4.22 kB
`UseActiveElement`	4.22 kB
`UseDeviceOrientation`	4.22 kB
`UseBrowserLocation`	4.21 kB
`vElementVisibility`	4.21 kB
`UseNetwork`	4.21 kB
`UseBattery`	4.21 kB
`VOnLongPress`	4.19 kB
`vOnLongPress`	4.19 kB
`vIntersectionObserver`	4.19 kB
`vElementHover`	4.19 kB
`vInfiniteScroll`	4.18 kB
`vScrollLock`	4.15 kB

@vueuse/math

Function	min+gzipped
`usePrecision`	240 B
`useClamp`	214 B
`useMath`	198 B
`useProjection`	196 B
`useAverage`	195 B
`useSum`	194 B
`createProjection`	193 B
`useMin`	191 B
`useMax`	190 B
`createGenericProjection`	132 B
`and`	123 B
`logicAnd`	123 B
`logicOr`	122 B
`or`	122 B
`useTrunc`	120 B
`useAbs`	115 B
`useCeil`	115 B
`useRound`	115 B
`useFloor`	114 B
`logicNot`	109 B
`not`	109 B

@vueuse/nuxt

Function	min+gzipped
`default`	785 B

@vueuse/router

Function	min+gzipped
`useRouteParams`	612 B
`useRouteQuery`	607 B
`useRouteHash`	514 B

@vueuse/integrations

Function	min+gzipped
`useAxios`	1.56 kB
`useAsyncValidator`	1.34 kB
`useDrauu`	928 B
`createCookies`	727 B
`useSortable`	720 B
`useFocusTrap`	718 B
`useCookies`	691 B
`useIDBKeyval`	675 B
`useFuse`	445 B
`useNProgress`	425 B
`useChangeCase`	385 B
`useQRCode`	371 B
`useJwt`	313 B
`moveArrayElement`	238 B

@vueuse/rxjs

Function	min+gzipped
`useSubject`	235 B
`fromEvent`	217 B
`useObservable`	212 B
`from`	153 B
`useSubscription`	144 B
`toObserver`	88 B

@vueuse/firebase

Function	min+gzipped
`useFirestore`	637 B
`useRTDB`	210 B
`useAuth`	164 B

@vueuse/electron

Function	min+gzipped
`useIpcRenderer`	460 B
`useZoomFactor`	317 B
`useZoomLevel`	281 B
`useIpcRendererOn`	242 B
`useIpcRendererInvoke`	218 B

@vueuse/shared

Function	min+gzipped
`watchTriggerable`	942 B
`throttledWatch`	831 B
`watchThrottled`	831 B
`useDateFormat`	807 B
`debouncedWatch`	786 B
`watchDebounced`	786 B
`ignorableWatch`	708 B
`watchIgnorable`	708 B
`pausableWatch`	674 B
`watchPausable`	674 B
`useInterval`	620 B
`until`	595 B
`useTimeout`	565 B
`formatDate`	543 B
`watchAtMost`	510 B
`controlledRef`	489 B
`refWithControl`	474 B
`refThrottled`	458 B
`throttledRef`	458 B
`useThrottle`	458 B
`reactivePick`	454 B
`toRefs`	451 B
`debouncedRef`	423 B
`refDebounced`	423 B
`useDebounce`	423 B
`useThrottleFn`	401 B
`computedEager`	398 B
`eagerComputed`	398 B
`reactiveOmit`	381 B
`watchWithFilter`	373 B
`useDebounceFn`	372 B
`makeDestructurable`	364 B
`useIntervalFn`	341 B
`useArrayIncludes`	340 B
`watchDeep`	325 B
`watchImmediate`	322 B
`reactifyObject`	305 B
`useTimeoutFn`	303 B
`throttleFilter`	289 B
`extendRef`	282 B
`watchArray`	281 B
`debounceFilter`	277 B
`reactiveComputed`	264 B
`normalizeDate`	261 B
`computedWithControl`	250 B
`controlledComputed`	250 B
`toReactive`	242 B
`syncRef`	237 B
`autoResetRef`	234 B
`refAutoReset`	234 B
`useArrayDifference`	231 B
`useArrayUnique`	215 B
`createSharedComposable`	213 B
`createEventHook`	212 B
`useToNumber`	203 B
`useToggle`	200 B
`useArrayFindLast`	191 B
`useCounter`	185 B
`createReactiveFn`	174 B
`increaseWithUnit`	174 B
`reactify`	174 B
`useArrayReduce`	171 B
`resolveRef`	169 B
`pausableFilter`	165 B
`toRef`	159 B
`syncRefs`	158 B
`isIOS`	146 B
`useLastChanged`	143 B
`set`	142 B
`createFilterWrapper`	139 B
`directiveHooks`	139 B
`useArrayEvery`	137 B
`useArrayFind`	137 B
`useArrayJoin`	137 B
`useArraySome`	137 B
`useArrayFindIndex`	136 B
`useArrayMap`	133 B
`createInjectionState`	132 B
`useArrayFilter`	132 B
`createGlobalState`	125 B
`createSingletonPromise`	122 B
`objectPick`	117 B
`objectOmit`	115 B
`tryOnBeforeMount`	114 B
`useToString`	111 B
`tryOnMounted`	109 B
`refDefault`	107 B
`watchOnce`	107 B
`promiseTimeout`	105 B
`tryOnScopeDispose`	100 B
`resolveUnref`	99 B
`whenever`	97 B
`rand`	95 B
`tryOnBeforeUnmount`	93 B
`toValue`	92 B
`isObject`	89 B
`clamp`	87 B
`isDefined`	86 B
`tryOnUnmounted`	85 B
`hasOwn`	83 B
`containsProp`	80 B
`get`	80 B
`assert`	78 B
`notNullish`	70 B
`bypassFilter`	69 B
`isClient`	68 B
`identity`	66 B
`objectEntries`	65 B
`timestamp`	65 B
`invoke`	63 B
`isDef`	62 B
`now`	61 B
`noop`	56 B

Export size ​

Export size