createSharedComposable

複数の Vue インスタンスで使用可能なコンポーザブル関数を作成します。

[!WARNING] SSR 環境で使用する場合、createSharedComposable は自動的にフォールバックして非共有バージョンになります。 これは、クロスリクエスト状態汚染を避けるために、SSR では毎回新しいインスタンスが作成されることを意味します。

使用法

import { createSharedComposable, useMouse } from '@vueuse/core'

const useSharedMouse = createSharedComposable(useMouse)

// CompA.vue
const { x, y } = useSharedMouse()

// CompB.vue - 前の状態を再利用し、新しいイベントリスナーは登録されません
const { x, y } = useSharedMouse()