【ご相談】Composition APIでVuetifyのブレークポイント名を取得する方法

【相談内容】
Nuxt.js × TypeScript × Vuetify でフロントエンドを実装しております。

@nuxt/types 2.14.5
@nuxtjs/vuetify 1.11.2

アクティブなVuetifyのブレークポイント名を取得し、それに応じてレスポンシブ対応したいと考えています。

参考 : https://vuetifyjs.com/ja/features/breakpoints/

Options APIでは

$vuetify.breakpoint.name

といった形で取得できるようですが、Composition APIの場合の実装例が見つかりませんでした。

方法ご存知の方にアドバイスをいただきたいです！

【試したこと】
const context = useContext()
context.$vuetify.breakpoint.name

といった形で呼び出そうとしましたが、

index.vue?2b00:81 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'breakpoint')

といったエラーが出ました。

【コミュニケーション方法】
チャットのみ

【ご提案時のお願い】
単発プランを設定されていない方は、提示いたしました予算内でプランの作成をお願いいたします！

【さいごに】
不明点ございましたらメッセージでお聞きください。

期限が短く申し訳ございませんが、よろしくお願いします！