Export size

generated by export-size
version: 5.0.0
date: 2021-06-06T05:06:13.122Z

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
`useMediaControls`	2 KB
`useDark`	1.39 KB
`createFetch`	1.36 KB
`useTimeAgo`	1.24 KB
`useFetch`	1.21 KB
`useRefHistory`	1.19 KB
`useParallax`	1.18 KB
`useUrlSearchParams`	1.07 KB
`useTransition`	1.02 KB
`useSessionStorage`	1 KB
`useLocalStorage`	1 KB
`useStorage`	998 B
`useDevicesList`	920 B
`useSwipe`	884 B
`useMouseInElement`	881 B
`usePointerSwipe`	828 B
`useWebWorkerFn`	788 B
`useMagicKeys`	787 B
`useWebSocket`	787 B
`useIdle`	756 B
`useFullscreen`	753 B
`useTitle`	712 B
`useClipboard`	711 B
`useElementBounding`	683 B
`useDevicePixelRatio`	663 B
`useScriptTag`	646 B
`useOnline`	636 B
`useNetwork`	624 B
`useElementSize`	623 B
`usePermission`	616 B
`onStartTyping`	600 B
`useMousePressed`	591 B
`useBreakpoints`	590 B
`useEventSource`	581 B
`useElementVisibility`	578 B
`useDeviceMotion`	566 B
`useMouse`	563 B
`useBattery`	561 B
`useUserMedia`	552 B
`useResizeObserver`	550 B
`useManualRefHistory`	549 B
`useMutationObserver`	548 B
`onKeyPressed`	532 B
`onKeyDown`	529 B
`useBrowserLocation`	527 B
`useSpeechRecognition`	527 B
`onKeyUp`	526 B
`useTimestamp`	508 B
`onClickOutside`	500 B
`onKeyStroke`	495 B
`useDeviceOrientation`	495 B
`useNow`	486 B
`usePageLeave`	473 B
`useGeolocation`	470 B
`useIntersectionObserver`	470 B
`useWindowSize`	466 B
`useWindowScroll`	456 B
`useVModels`	449 B
`useActiveElement`	448 B
`useDocumentVisibility`	439 B
`usePreferredLanguages`	432 B
`useVModel`	411 B
`usePreferredColorScheme`	391 B
`useAsyncState`	381 B
`useCssVar`	381 B
`useEventListener`	358 B
`TransitionPresets`	356 B
`useWebWorker`	355 B
`usePreferredDark`	350 B
`useFavicon`	338 B
`asyncComputed`	334 B
`useRafFn`	326 B
`useMediaQuery`	318 B
`useShare`	292 B
`templateRef`	272 B
`createGlobalState`	269 B
`toRefs`	227 B
`autoResetRef`	218 B
`breakpointsSematic`	217 B
`unrefElement`	200 B
`DefaultMagicKeysAliasMap`	196 B
`breakpointsAntDesign`	169 B
`breakpointsBootstrapV5`	161 B
`breakpointsTailwind`	161 B
`breakpointsVuetify`	154 B
`SwipeDirection`	115 B
`createEventHook`	91 B
`createSingletonPromise`	91 B
`debounceFilter`	90 B
`debouncedWatch`	90 B
`ignorableWatch`	90 B
`throttleFilter`	90 B
`pausableFilter`	89 B
`pausableWatch`	89 B
`useIntervalFn`	89 B
`controlledComputed`	88 B
`createFilterWrapper`	88 B
`reactivePick`	88 B
`useTimeoutFn`	88 B
`containsProp`	87 B
`isFunction`	86 B
`reactifyObject`	86 B
`useInterval`	86 B
`controlledRef`	85 B
`useToggle`	85 B
`extendRef`	84 B
`increaseWithUnit`	84 B
`isClient`	84 B
`reactify`	84 B
`whenever`	84 B
`biSyncRef`	83 B
`makeDestructurable`	83 B
`promiseTimeout`	83 B
`syncRef`	83 B
`throttledWatch`	83 B
`tryOnMounted`	83 B
`useCounter`	83 B
`useTimeout`	83 B
`watchWithFilter`	83 B
`assert`	82 B
`invoke`	82 B
`useLastChanged`	82 B
`clamp`	81 B
`tryOnUnmounted`	81 B
`useThrottleFn`	81 B
`bypassFilter`	80 B
`identity`	80 B
`noop`	80 B
`timestamp`	80 B
`until`	80 B
`useDebounceFn`	80 B
`and`	79 B
`get`	79 B
`isBoolean`	79 B
`isWindow`	79 B
`not`	79 B
`now`	79 B
`set`	79 B
`useDebounce`	79 B
`or`	78 B
`rand`	78 B
`isNumber`	77 B
`isObject`	77 B
`isString`	77 B
`useThrottle`	77 B
`isDef`	76 B

@vueuse/router

Function	min+gzipped
`useRouteQuery`	229 B
`useRouteHash`	194 B

@vueuse/integrations

Function	min+gzipped
`useFocusTrap`	627 B
`createCookies`	565 B
`useCookies`	531 B
`useAxios`	435 B
`useNProgress`	406 B
`useJwt`	292 B
`useQRCode`	270 B

@vueuse/rxjs

Function	min+gzipped
`fromEvent`	190 B
`useObservable`	160 B
`from`	133 B
`useSubscription`	129 B
`toObserver`	88 B

@vueuse/firebase

Function	min+gzipped
`useFirestore`	364 B
`useRTDB`	182 B
`useAuth`	163 B

@vueuse/electron

Function	min+gzipped
`useIpcRenderer`	472 B
`useIpcRendererOn`	244 B
`useIpcRendererInvoke`	232 B

@vueuse/shared

Function	min+gzipped
`ignorableWatch`	530 B
`throttledWatch`	478 B
`until`	455 B
`controlledRef`	448 B
`pausableWatch`	441 B
`debouncedWatch`	421 B
`useTimeout`	337 B
`watchWithFilter`	334 B
`useInterval`	312 B
`useThrottle`	310 B
`useThrottleFn`	284 B
`useTimeoutFn`	264 B
`useIntervalFn`	254 B
`extendRef`	251 B
`useDebounce`	245 B
`reactifyObject`	243 B
`useDebounceFn`	200 B
`makeDestructurable`	183 B
`throttleFilter`	181 B
`increaseWithUnit`	176 B
`controlledComputed`	174 B
`useLastChanged`	155 B
`createEventHook`	153 B
`syncRef`	149 B
`pausableFilter`	148 B
`useCounter`	139 B
`biSyncRef`	135 B
`set`	134 B
`createSingletonPromise`	122 B
`useToggle`	120 B
`debounceFilter`	119 B
`reactify`	111 B
`tryOnMounted`	109 B
`createFilterWrapper`	108 B
`isWindow`	106 B
`reactivePick`	106 B
`promiseTimeout`	105 B
`and`	97 B
`rand`	95 B
`or`	94 B
`isObject`	89 B
`clamp`	87 B
`tryOnUnmounted`	85 B
`not`	84 B
`whenever`	83 B
`containsProp`	80 B
`get`	80 B
`assert`	78 B
`isBoolean`	74 B
`bypassFilter`	69 B
`isClient`	68 B
`isFunction`	68 B
`isNumber`	67 B
`isString`	67 B
`identity`	66 B
`timestamp`	65 B
`invoke`	63 B
`isDef`	62 B
`now`	61 B
`noop`	56 B

Ecosystem

Export size #

Export size