guide/front/client/components/Toolbar.vue

<template>
  <v-toolbar dark app>
    <v-toolbar-title>
      <logo />
    </v-toolbar-title>
    <v-spacer></v-spacer>
    <search-field />
    <v-toolbar-items>
      <v-btn
        flat
        v-on:click="getApi"
      >
        Login
      </v-btn>
    </v-toolbar-items>
  </v-toolbar>
</template>

<script lang="ts">
import Vue from 'vue'
import SearchField from 'client/components/Search.vue'
import Logo from 'client/components/Logo.vue'
import Component from 'vue-class-component'
import axios from 'axios'

@Component({
  components: {
    SearchField,
    Logo
  }
})
export default class Toolbar extends Vue {
  async getApi() {
    const { data } = await axios.get('api');
  }
}
</script>