Nuxt 3 和 Vuetify 3：断点不起作用？答案

【问题标题】：Nuxt 3 and Vuetify 3 : breakpoints not working?Nuxt 3 和 Vuetify 3：断点不起作用？
【发布时间】：2022-10-16 04:47:41
【问题描述】：

我尝试正确使用 Vuetify 3 和 Nuxt 3。

为此，我安装了 "vuetify": "^3.0.0-beta.0" 并进行了一些配置。

在 nuxt.config.ts ：

build: {
    transpile: ['vuetify']
}

在 plugins/vuetify.js 中：

import { createVuetify } from 'vuetify'
import * as components from 'vuetify/components'
import * as directives from 'vuetify/directives'

export default defineNuxtPlugin(nuxtApp => {
    const vuetify = createVuetify({
        components,
        directives,
    })

    nuxtApp.vueApp.use(vuetify)
})

它似乎适用于 Vuetify 的一部分，例如，我可以使用 <v-carousel .....

但似乎缺少部分：

JS 行为不起作用：我的轮播没有动画
断点错误，例如在桌面模式下：$vuetify.display.smAndDown 为 TRUE。

也许我的安装不好？你有想法吗？

谢谢。

【问题讨论】：

面临同样的问题。如果找到解决方案，请告诉我。

标签： nuxt.js vuetify.js nuxtjs3

【解决方案1】：

API 发生了变化。您现在必须使用 useDisplay() 挂钩。 https://next.vuetifyjs.com/en/features/display-and-platform/

【讨论】：