Nuxt3 “永远不要在 <script setup> 之外定义 ref()”，那怎么办？

Question

来自 nuxt 3 文档，
https://nuxt.com/docs/getting-started/state-management
有人告诉我，我永远不应该在脚本设置之外定义 ref
因为它将“在访问您网站的所有用户之间共享，并可能导致内存泄漏！”

想用vueuse的useBreakpoints，
https://vueuse.org/core/useBreakpoints/
我只是将它们放入可组合并导出，
并愉快地跨组件使用它们。

但我看到他们的类型是globalThis.Ref
按原样使用它们安全吗，
还是像 nuxt doc 所说的那样，我遇到了大麻烦？

// file: composables/useMedia.ts

import { breakpointsTailwind, useBreakpoints } from '@vueuse/core'

const breakpoints = useBreakpoints(breakpointsTailwind)
export const isDesktop = breakpoints.greaterOrEqual('lg')
export const isTablet = breakpoints.greaterOrEqual('sm') && breakpoints.smaller('lg')
export const isMobile = breakpoints.smaller('sm')