Export size

generated by export-size
version: 7.6.2
date: 2022-02-13T21:47:17.100Z

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
`createFetch`	2.58 kB
`useMediaControls`	2.43 kB
`useFetch`	2.42 kB
`useDark`	2.25 kB
`useColorMode`	2.08 kB
`useThrottledRefHistory`	1.86 kB
`useDebouncedRefHistory`	1.83 kB
`useTimeAgo`	1.64 kB
`useRefHistory`	1.63 kB
`useUrlSearchParams`	1.62 kB
`useParallax`	1.56 kB
`useSessionStorage`	1.52 kB
`useLocalStorage`	1.52 kB
`useInfiniteScroll`	1.5 kB
`useStorage`	1.49 kB
`useStorageAsync`	1.49 kB
`useVirtualList`	1.38 kB
`useTransition`	1.36 kB
`useWebSocket`	1.36 kB
`useDraggable`	1.35 kB
`useScroll`	1.34 kB
`useDevicesList`	1.27 kB
`useScreenSafeArea`	1.27 kB
`useMouseInElement`	1.24 kB
`usePointerSwipe`	1.24 kB
`useSwipe`	1.23 kB
`usePointer`	1.22 kB
`useMagicKeys`	1.14 kB
`useElementBounding`	1.14 kB
`useIdle`	1.13 kB
`useFullscreen`	1.12 kB
`useWebNotification`	1.11 kB
`useWebWorkerFn`	1.1 kB
`useBreakpoints`	1.04 kB
`useDevicePixelRatio`	1.03 kB
`useClipboard`	1.02 kB
`useScriptTag`	1.02 kB
`useTitle`	1 kB
`useOnline`	970 B
`onKeyPressed`	962 B
`onKeyDown`	961 B
`onKeyUp`	961 B
`useNetwork`	956 B
`useTextSelection`	956 B
`useMouse`	954 B
`useSpeechSynthesis`	953 B
`useBase64`	952 B
`useMousePressed`	940 B
`useTimestamp`	923 B
`onClickOutside`	921 B
`onStartTyping`	920 B
`useFocus`	917 B
`usePermission`	917 B
`useNow`	914 B
`useElementVisibility`	912 B
`useElementSize`	909 B
`useDeviceMotion`	902 B
`useBattery`	896 B
`useEventSource`	893 B
`useManualRefHistory`	892 B
`useSpeechRecognition`	882 B
`useWakeLock`	878 B
`useScrollLock`	877 B
`useFocusWithin`	867 B
`useOffsetPagination`	862 B
`onKeyStroke`	858 B
`useUserMedia`	857 B
`useBrowserLocation`	856 B
`onLongPress`	847 B
`useVibrate`	847 B
`useDeviceOrientation`	829 B
`useWindowSize`	829 B
`useMutationObserver`	827 B
`useResizeObserver`	824 B
`useKeyModifier`	819 B
`usePageLeave`	812 B
`useWindowScroll`	795 B
`useNavigatorLanguage`	793 B
`useStyleTag`	790 B
`useVModels`	789 B
`useMemory`	783 B
`useIntersectionObserver`	782 B
`useBroadcastChannel`	781 B
`useActiveElement`	776 B
`usePreferredColorScheme`	776 B
`useDocumentVisibility`	771 B
`usePreferredLanguages`	769 B
`useFps`	765 B
`useGeolocation`	764 B
`useWindowFocus`	764 B
`useAsyncState`	763 B
`useVModel`	757 B
`useElementByPoint`	756 B
`useAsyncQueue`	753 B
`useMemoize`	750 B
`useDisplayMedia`	746 B
`useElementHover`	745 B
`usePreferredDark`	733 B
`useConfirmDialog`	730 B
`TransitionPresets`	719 B
`asyncComputed`	700 B
`useCssVar`	699 B
`useMediaQuery`	699 B
`useEventListener`	693 B
`useEventBus`	692 B
`useCycleList`	678 B
`useWebWorker`	658 B
`useFavicon`	657 B
`useShare`	655 B
`useRafFn`	649 B
`templateRef`	638 B
`useEyeDropper`	604 B
`StorageSerializers`	598 B
`autoResetRef`	566 B
`useClamp`	564 B
`computedInject`	554 B
`DefaultMagicKeysAliasMap`	541 B
`useCached`	540 B
`useTemplateRefsList`	539 B
`breakpointsSematic`	537 B
`useMounted`	525 B
`SwipeDirection`	523 B
`unrefElement`	520 B
`breakpointsTailwind`	519 B
`breakpointsAntDesign`	518 B
`breakpointsBootstrapV5`	515 B
`createUnrefFn`	513 B
`breakpointsVuetify`	511 B
`breakpointsQuasar`	507 B
`getSSRHandler`	496 B
`setSSRHandler`	496 B
`defaultNavigator`	485 B
`defaultDocument`	483 B
`defaultWindow`	483 B
`defaultLocation`	479 B
`createSharedComposable`	100 B
`increaseWithUnit`	96 B
`watchWithFilter`	95 B
`createFilterWrapper`	94 B
`pausableFilter`	93 B
`pausableWatch`	93 B
`createSingletonPromise`	92 B
`throttleFilter`	92 B
`throttledRef`	92 B
`tryOnMounted`	92 B
`useLastChanged`	92 B
`debouncedRef`	91 B
`debouncedWatch`	91 B
`eagerComputed`	91 B
`useThrottle`	91 B
`useThrottleFn`	91 B
`bypassFilter`	90 B
`objectPick`	90 B
`throttledWatch`	90 B
`biSyncRef`	89 B
`extendRef`	89 B
`reactivePick`	89 B
`tryOnBeforeUnmount`	89 B
`tryOnScopeDispose`	89 B
`tryOnUnmounted`	89 B
`useInterval`	89 B
`useIntervalFn`	89 B
`useTimeoutFn`	89 B
`useToggle`	89 B
`createEventHook`	88 B
`reactify`	88 B
`syncRef`	87 B
`toReactive`	87 B
`assert`	86 B
`createReactiveFn`	86 B
`invoke`	86 B
`toRefs`	86 B
`useDebounceFn`	86 B
`clamp`	85 B
`controlledRef`	85 B
`isDef`	85 B
`debounceFilter`	84 B
`isBoolean`	84 B
`isClient`	84 B
`noop`	84 B
`useDebounce`	84 B
`watchAtMost`	84 B
`controlledComputed`	83 B
`get`	83 B
`isDefined`	83 B
`isFunction`	83 B
`now`	83 B
`set`	83 B
`ignorableWatch`	82 B
`or`	82 B
`createGlobalState`	80 B
`makeDestructurable`	80 B
`watchOnce`	80 B
`containsProp`	79 B
`reactifyObject`	79 B
`refDefault`	79 B
`isNumber`	77 B
`isObject`	77 B
`isString`	77 B
`not`	77 B
`promiseTimeout`	77 B
`whenever`	77 B
`isWindow`	76 B
`rand`	76 B
`useCounter`	76 B
`useTimeout`	76 B
`and`	75 B
`identity`	74 B
`timestamp`	74 B
`until`	73 B

@vueuse/components

Function	min+gzipped
`VOnClickOutside`	4.77 kB
`VOnLongPress`	4.64 kB
`UseEyeDropper`	4.62 kB
`UseOffsetPagination`	4.61 kB
`UseOnline`	4.61 kB
`UseBattery`	4.61 kB
`UseMousePressed`	4.61 kB
`UsePointer`	4.61 kB
`UseElementBounding`	4.61 kB
`UseElementSize`	4.61 kB
`UseNow`	4.61 kB
`UseDraggable`	4.61 kB
`UseDark`	4.61 kB
`UseDevicesList`	4.61 kB
`UseElementVisibility`	4.61 kB
`UseActiveElement`	4.61 kB
`UseFullscreen`	4.61 kB
`UsePreferredDark`	4.61 kB
`UseTimeAgo`	4.61 kB
`UseBrowserLocation`	4.61 kB
`UseDeviceMotion`	4.61 kB
`UseScreenSafeArea`	4.61 kB
`OnClickOutside`	4.6 kB
`UseMouseInElement`	4.6 kB
`UseTimestamp`	4.6 kB
`UseVirtualList`	4.6 kB
`UseWindowFocus`	4.6 kB
`UseMouse`	4.6 kB
`UseWindowSize`	4.6 kB
`UseDeviceOrientation`	4.6 kB
`UseColorMode`	4.6 kB
`UseNetwork`	4.6 kB
`UseGeolocation`	4.6 kB
`UsePreferredLanguages`	4.6 kB
`UseIdle`	4.6 kB
`UsePreferredColorScheme`	4.6 kB
`UseDocumentVisibility`	4.59 kB
`UseDevicePixelRatio`	4.59 kB
`UsePageLeave`	4.59 kB
`OnLongPress`	4.59 kB

@vueuse/nuxt

Function	min+gzipped
`default`	725 B

@vueuse/router

Function	min+gzipped
`useRouteQuery`	446 B
`useRouteHash`	185 B

@vueuse/integrations

Function	min+gzipped
`useDrauu`	873 B
`createCookies`	692 B
`useFocusTrap`	666 B
`useAxios`	664 B
`useCookies`	663 B
`useNProgress`	381 B
`useFuse`	377 B
`useJwt`	251 B
`useQRCode`	228 B

@vueuse/rxjs

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

@vueuse/firebase

Function	min+gzipped
`useFirestore`	361 B
`useRTDB`	190 B
`useAuth`	163 B

@vueuse/electron

Function	min+gzipped
`useIpcRenderer`	473 B
`useZoomFactor`	332 B
`useZoomLevel`	292 B
`useIpcRendererOn`	258 B
`useIpcRendererInvoke`	232 B

@vueuse/shared

Function	min+gzipped
`throttledWatch`	742 B
`ignorableWatch`	692 B
`debouncedWatch`	679 B
`pausableWatch`	646 B
`useInterval`	553 B
`useTimeout`	522 B
`until`	455 B
`watchAtMost`	452 B
`controlledRef`	440 B
`toRefs`	434 B
`eagerComputed`	400 B
`makeDestructurable`	363 B
`watchWithFilter`	348 B
`throttledRef`	346 B
`useThrottle`	346 B
`debouncedRef`	317 B
`useDebounce`	317 B
`useIntervalFn`	308 B
`useThrottleFn`	304 B
`useTimeoutFn`	268 B
`useDebounceFn`	266 B
`extendRef`	251 B
`reactifyObject`	243 B
`toReactive`	218 B
`throttleFilter`	217 B
`createSharedComposable`	213 B
`debounceFilter`	191 B
`useCounter`	178 B
`controlledComputed`	174 B
`increaseWithUnit`	169 B
`syncRef`	159 B
`useToggle`	154 B
`createEventHook`	153 B
`pausableFilter`	148 B
`useLastChanged`	143 B
`set`	142 B
`biSyncRef`	135 B
`createSingletonPromise`	122 B
`objectPick`	119 B
`createGlobalState`	115 B
`createReactiveFn`	111 B
`reactify`	111 B
`tryOnMounted`	109 B
`createFilterWrapper`	108 B
`refDefault`	107 B
`watchOnce`	107 B
`isWindow`	106 B
`reactivePick`	106 B
`promiseTimeout`	105 B
`tryOnScopeDispose`	100 B
`and`	97 B
`whenever`	97 B
`rand`	95 B
`or`	94 B
`tryOnBeforeUnmount`	93 B
`isObject`	89 B
`clamp`	87 B
`isDefined`	86 B
`tryOnUnmounted`	85 B
`not`	84 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

Export size #

Export size