Toolbar.vue

<template>
  <div class="primary main-menu-container">
    <v-container>
      <v-row>
        <v-col
          cols="2"
          sm="5"
          class="d-flex justify-center justify-sm-start align-center"
        >
          <LinksMenuMobile v-if="isMobile" />
          <LinksMenu v-else />
        </v-col>
        <v-col cols="10" sm="7" class="d-flex justify-end align-center">
          <EubOPENSearchBar />
        </v-col>
      </v-row>
    </v-container>
  </div>
</template>

<script>
import LinksMenuMobile from '~/components/Masthead/LinksMenuMobile.vue'
import EubOPENSearchBar from '~/components/Masthead/EubOPENSearchBar.vue'
import LinksMenu from '~/components/Masthead/LinksMenu.vue'
export default {
  components: {
    LinksMenuMobile,
    EubOPENSearchBar,
    LinksMenu,
  },
  computed: {
    isMobile() {
      return this.$vuetify.breakpoint.xs
    },
  },
}
</script>

<style lang="scss" scoped></style>