1---
2category: State
3related: createGlobalState
4---
5 
6# createSharedComposable
7 
8Make a composable function usable with multiple Vue instances.
9 
10> [!WARNING]
11> When used in a **SSR** environment, `createSharedComposable` will **automatically fallback** to a non-shared version.
12> This means every call will create a fresh instance in SSR to avoid [cross-request state pollution](https://vuejs.org/guide/scaling-up/ssr.html#cross-request-state-pollution).
13 
14## Usage
15 
16```ts
17import { createSharedComposable, useMouse } from '@vueuse/core'
18 
19const useSharedMouse = createSharedComposable(useMouse)
20 
21// CompA.vue
22const { x, y } = useSharedMouse()
23 
24// CompB.vue - will reuse the previous state and no new event listeners will be registered
25const { x, y } = useSharedMouse()
26```
27 
28## Type Declarations
29 
30```ts
31export type SharedComposableReturn<T extends AnyFn = AnyFn> = T
32/**
33 * Make a composable function usable with multiple Vue instances.
34 *
35 * @see https://vueuse.org/createSharedComposable
36 *
37 * @__NO_SIDE_EFFECTS__
38 */
39export declare function createSharedComposable<Fn extends AnyFn>(
40  composable: Fn,
41): SharedComposableReturn<Fn>
42```
43