Vuetify道具未注册(Vue 3.2.13，Vuetify夜3.0.0)

Question

<v-btn
  icon
  color="white"
>
  <v-icon>mdi-account</v-icon>
</v-btn>

不使用图标道具的按钮

package.json

{
  "name": "project",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve --port $(grep PORT .env | cut -d '=' -f2)",
    "build": "vue-cli-service build"
  },
  "dependencies": {
    "@apollo/client": "^3.5.10",
    "@mdi/font": "5.9.55",
    "@vue/apollo-option": "^4.0.0-alpha.16",
    "autoprefixer": "^10",
    "canvas": "^2.9.0",
    "core-js": "^3.8.3",
    "pm2": "^5.2.0",
    "postcss": "^8",
    "roboto-fontface": "*",
    "tailwindcss": "^3",
    "vue": "^3.2.13",
    "vue-router": "^4.0.3",
    "vuetify": "npm:@vuetify/nightly@next",
    "vuex": "^4.0.0",
    "webfontloader": "^1.0.0"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "~5.0.0",
    "@vue/cli-plugin-router": "~5.0.0",
    "@vue/cli-plugin-vuex": "~5.0.0",
    "@vue/cli-service": "~5.0.0",
    "sass": "^1.38.0",
    "sass-loader": "^10.0.0",
    "vue-cli-plugin-apollo": "~0.22.2",
    "vue-cli-plugin-tailwind": "~3.0.0",
    "vue-cli-plugin-vuetify": "~2.4.7",
    "vue-loader": "^17.0.0",
    "vuetify-loader": "^2.0.0-alpha.0"
  }
}

App.js

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import vuetify from './plugins/vuetify'
import { loadFonts } from './plugins/webfontloader'

loadFonts()

createApp(App)
  .use(router)
  .use(store)
  .use(vuetify)
  .mount('#app')

./plugins/vuatefy.js

// Styles
import '@mdi/font/css/materialdesignicons.css'
import 'vuetify/styles'

// Vuetify
import { createVuetify } from 'vuetify'

export default createVuetify(
  // https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
)

我做错了什么？我还没有发现任何有用的道具，它们似乎都被忽视了。也许这只是我正在使用的版本，但我还没有找到任何能说明这一点的东西。

显然，这是太多的代码了，下面是另一行堆栈溢出:)

Answer 1

我使用的是2.x文档，而不是3.0.0 Beta。图标道具按钮已经改变，它不再删除背景，只是使按钮圆。(我假设我遇到的其他问题都是因为同一件事)