useSSRWidth

useMediaQuery や useBreakpoints のようにビューポート幅に依存する SSR コンポーネントをレンダリングする際に使用されるグローバルなビューポート幅を設定するために使用されます。

使用法

import { provideSSRWidth } from '@vueuse/core'

const app = createApp(App)

provideSSRWidth(500, app)

またはルートコンポーネントで

import { provideSSRWidth } from '@vueuse/core'

provideSSRWidth(500)

サブコンポーネントで提供された値が必要な場合に取得するには

import { useSSRWidth } from '@vueuse/core'

const width = useSSRWidth()