我正在尝试从Vuetify/Vue 2->3升级。我不是一个前端开发人员，只是负责升级一些遗留代码以保持功能。不幸的是，migration guide似乎假设了一个基本的CSS知识水平，并且没有提供如何修复被删除的所有内容的例子。
在下面的代码片段中，我正在努力弄清楚如何迁移rounded和flat：

<v-select
        class="mr-2 filter-custom-input"
        slot="prepend-inner"
        v-model="field"
        :items="fields"
        menu-props="auto"
        label="Field"
        hide-details
        single-line
        density="compact"
        rounded
        flat
        theme="dark"
      />

和.v-application在这一个（如果甚至需要做？）：

<style lang="scss" scoped>
.v-application--is-ltr .v-list-item__icon:first-child,
.v-application--is-ltr .mr {
  margin-right: 10px;
}
</style>

不幸的是，迁移指南对这些问题的唯一建议是：

• rounded prop 已删除。改为对菜单内容元素应用舍入的css类。例如.rounded-te
• 不再包括以前作为.v-application p或.v-application ul包含的全局样式。如果需要p的margin，或者ul和ol的padding-left，请在根组件的<style>标记中手动设置

上面的rounded指南并不只是用.rounded-te替换rounded就能起作用（更不用说它在不同类型的控件中讨论了这个问题）。
它说flat被从一些其他控件中删除，并被“一个单一的变体prop”取代，但是试图用variant="flat"替换flat给了我一个语法错误。
谢谢大家！
（我最初问这个here，有人建议我把它分成多个问题）