在应用程序栏中垂直对齐自动完成功能?

If I add an v-autocomplete in v-app-bar it appears at the top of the app bar, everything else in there is centered.

    <v-app-bar app color="primary" dark>
      <v-icon class="mr-3">mdi-chart-line</v-icon>
      <v-toolbar-title>Centered title</v-toolbar-title>
      <v-autocomplete
        filled
      ></v-autocomplete>
      <v-spacer />
      <v-btn to="/products" nuxt text>
        Centered button
      </v-btn>
    </v-app-bar>

我有什么选择吗?还是我应该围绕自动完成功能包装的其他元素?我正在尝试添加尽可能少的自定义CSS,以便以后可以轻松更新。

看起来像这样:

app bar input at top