diff --git a/packages/export-size.md b/packages/export-size.md
index 87600b6f0817..99060fb1aa90 100644
--- a/packages/export-size.md
+++ b/packages/export-size.md
@@ -1,8 +1,8 @@
# Export size
generated by [export-size](https://github.com/antfu/export-size)
-version: 5.0.0
-date: 2021-06-06T05:06:13.122Z
+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.
@@ -10,247 +10,382 @@ date: 2021-06-06T05:06:13.122Z
| 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 |
+| `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 |
-| `controlledComputed` | 88 B |
-| `createFilterWrapper` | 88 B |
-| `reactivePick` | 88 B |
-| `useTimeoutFn` | 88 B |
-| `containsProp` | 87 B |
-| `isFunction` | 86 B |
-| `reactifyObject` | 86 B |
-| `useInterval` | 86 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 |
-| `useToggle` | 85 B |
-| `extendRef` | 84 B |
-| `increaseWithUnit` | 84 B |
+| `isDef` | 85 B |
+| `debounceFilter` | 84 B |
+| `isBoolean` | 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 |
+| `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 |
-| `useThrottle` | 77 B |
-| `isDef` | 76 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` | 229 B |
-| `useRouteHash` | 194 B |
+| `useRouteQuery` | 446 B |
+| `useRouteHash` | 185 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 |
+| `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 |
| ----------------- | ----------- |
-| `fromEvent` | 190 B |
-| `useObservable` | 160 B |
-| `from` | 133 B |
-| `useSubscription` | 129 B |
+| `useSubject` | 235 B |
+| `fromEvent` | 210 B |
+| `useObservable` | 206 B |
+| `from` | 153 B |
+| `useSubscription` | 144 B |
| `toObserver` | 88 B |
@vueuse/firebase
| Function | min+gzipped |
| -------------- | ----------- |
-| `useFirestore` | 364 B |
-| `useRTDB` | 182 B |
+| `useFirestore` | 361 B |
+| `useRTDB` | 190 B |
| `useAuth` | 163 B |
@vueuse/electron
| Function | min+gzipped |
| ---------------------- | ----------- |
-| `useIpcRenderer` | 472 B |
-| `useIpcRendererOn` | 244 B |
+| `useIpcRenderer` | 473 B |
+| `useZoomFactor` | 332 B |
+| `useZoomLevel` | 292 B |
+| `useIpcRendererOn` | 258 B |
| `useIpcRendererInvoke` | 232 B |
@vueuse/shared
| Function | min+gzipped |
| ------------------------ | ----------- |
-| `ignorableWatch` | 530 B |
-| `throttledWatch` | 478 B |
+| `throttledWatch` | 742 B |
+| `ignorableWatch` | 692 B |
+| `debouncedWatch` | 679 B |
+| `pausableWatch` | 646 B |
+| `useInterval` | 553 B |
+| `useTimeout` | 522 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 |
+| `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 |
-| `useDebounce` | 245 B |
| `reactifyObject` | 243 B |
-| `useDebounceFn` | 200 B |
-| `makeDestructurable` | 183 B |
-| `throttleFilter` | 181 B |
-| `increaseWithUnit` | 176 B |
+| `toReactive` | 218 B |
+| `throttleFilter` | 217 B |
+| `createSharedComposable` | 213 B |
+| `debounceFilter` | 191 B |
+| `useCounter` | 178 B |
| `controlledComputed` | 174 B |
-| `useLastChanged` | 155 B |
+| `increaseWithUnit` | 169 B |
+| `syncRef` | 159 B |
+| `useToggle` | 154 B |
| `createEventHook` | 153 B |
-| `syncRef` | 149 B |
| `pausableFilter` | 148 B |
-| `useCounter` | 139 B |
+| `useLastChanged` | 143 B |
+| `set` | 142 B |
| `biSyncRef` | 135 B |
-| `set` | 134 B |
| `createSingletonPromise` | 122 B |
-| `useToggle` | 120 B |
-| `debounceFilter` | 119 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 |
-| `whenever` | 83 B |
| `containsProp` | 80 B |
| `get` | 80 B |
| `assert` | 78 B |
diff --git a/scripts/export-size.ts b/scripts/export-size.ts
index 790b74abf701..1506eb605285 100644
--- a/scripts/export-size.ts
+++ b/scripts/export-size.ts
@@ -1,3 +1,4 @@
+import path from 'path'
import { markdownTable } from 'markdown-table'
import { getExportsSize } from 'export-size'
import filesize from 'filesize'
@@ -6,6 +7,11 @@ import { version } from '../package.json'
import { packages } from '../meta/packages'
async function run() {
+ // made shared library imported can resolve correctly
+ const sharedPkgRoot = path.resolve(__dirname, '..', 'packages/shared')
+ const sharedPkgDist = path.resolve(sharedPkgRoot, 'dist')
+ await fs.copyFile(path.join(sharedPkgDist, 'index.mjs'), path.join(sharedPkgRoot, 'index.mjs'))
+
let md = '# Export size\n\n'
md += 'generated by [export-size](https://github.com/antfu/export-size)
\n'
@@ -38,8 +44,8 @@ async function run() {
md += '\n\n'
}
-
- await fs.writeFile('packages/Export-Size.md', md, 'utf-8')
+ await fs.removeSync(path.join(sharedPkgRoot, 'index.mjs'))
+ await fs.writeFile('packages/export-size.md', md, 'utf-8')
}
run()