<template> <q-toolbar> <q-toolbar-title class="my-title"> <router-link class="no-decoration" to="/" tag="a" > <i class="fas fa-user-astronaut"></i> FAB Economy Jobs </router-link> </q-toolbar-title> <div class="xs-hide sm-hide"> <q-btn flat to="/jobs" >Jobs</q-btn> <q-btn flat to="/resumes" >Resumes</q-btn> <q-btn flat to="/recruiters" >Recruiters</q-btn> <q-btn flat to="/plans" >Pricing</q-btn> <q-btn flat to="/resume" >Create resume</q-btn> <q-btn text-color="white" class="text-weight-bold" to="/submit-job" >Submit job</q-btn> </div> <q-btn flat round dense icon="more_vert" > <q-menu> <q-list style="min-width: 100px" anchor="bottom left" self="top right" > <q-item clickable v-close-popup > <q-item-section>Sign in</q-item-section> </q-item> </q-list> </q-menu> </q-btn> </q-toolbar> </template> <script> export default { // name: 'ComponentName', data () { return {}; } }; </script> <style> .my-title a.no-decoration, .my-title a.no-decoration:hover { text-decoration: none; color: white; } </style>