Nuxt3 和 Vuetify3 - 如果启用了 SSR，则获取 useDisplay() 属性的初始状态

Question

该项目使用 Nuxt3 和 Vuetify3 堆栈。我已经开始研究自适应移动布局。

为了管理不同的布局，我按照

官方文档

如果禁用 SSR，它可以正常工作。但如果启用，它总是返回参数的初始值，因为服务器不知道客户端的任何信息。

export const vuetify = createVuetify({
  ssr: true
})

处理这个问题的最佳方法是什么？

Answer 1

您可以Vuetify Nuxt Module来处理SSR中的视口。