请教如何在vue toolbar的中间位置中添加logo？

Question

怎样在v-app-bar的中间位置添加一个logo？
就是想在正中间放一个logo
我尝试了在v-spacer中放置但是没有在正中间

<v-app-bar
      :clipped-left="clipped"
      fixed
      app
      color="rgb(25,0,51, 0.85)"
      height="80px"
      align-center justify-center
    >
    <v-spacing></v-spacing>
    <v-btn
        icon
        @click="drawer = !drawer"
      >
        <v-icon color="#d19f4e">{{ drawer ? 'menu' : 'menu' }}</v-icon>
      </v-btn>
      <v-spacer></v-spacer>
      <v-toolbar-items  class="hidden-sm-and-down">
     <v-btn text>Menu 1</v-btn>
    <v-btn text>Menu 2</v-btn>
    <v-btn text>Menu 3</v-btn>
    </v-toolbar-items>
      <v-spacer></v-spacer>
     <img src="logo.png" align-center justify-center height="35px">
      <v-spacer></v-spacer>
      <v-toolbar-items class="hidden-sm-and-down">
      <v-btn text>Menu 1</v-btn>
    <v-btn text>Menu 2</v-btn>
    <v-btn text>Menu 3</v-btn>
    </v-toolbar-items>
     <v-spacer></v-spacer>

      <v-btn
        icon
        @click.stop="rightDrawer = !rightDrawer"
      >
        <v-icon color="#D19F4E">favorite</v-icon>
      </v-btn>
      <v-spacing></v-spacing>
    </v-app-bar>