Vuetify全局配置无法作用于卡片操作区按钮，求正确配置方式

问题原因 #

原配置仅针对VCard关联层级内的VBtn设置默认样式，但v-card-actions是独立的VCardActions组件，其内部的VBtn不属于VCard的直接关联层级，因此原有配置无法覆盖到操作区的按钮。

调整后的全局配置方案 #

在defaults中同时对VCard和VCardActions下的VBtn进行配置，即可覆盖卡片文本区和操作区的所有按钮：

createVuetify({
  defaults: {
    // 配置v-card-text内的按钮
    VCard: {
      VBtn: { variant: 'outlined' },
    },
    // 配置v-card-actions内的按钮
    VCardActions: {
      VBtn: { variant: 'outlined' },
    },
  },
})

验证效果 #

使用调整后的配置后，以下代码中的两个按钮都会应用outlined变体：

<v-card>
  <v-card-text>
    <v-btn>Test</v-btn>  <!-- 应用outlined变体 -->
  </v-card-text>
  <v-card-actions>
    <v-btn>Test2</v-btn>  <!-- 现在也会应用outlined变体 -->
  </v-card-actions>
</v-card>

补充说明 #

如果希望所有卡片内的按钮统一使用该样式，也可以直接全局配置VBtn，但上述分开配置的方式更精准，能避免影响其他场景下的按钮样式。

内容的提问来源于stack exchange，提问作者Erin H