Electron Projects

Creating an application toolbar

As a simple exercise, let's create an application toolbar that can redirect us to different routes:

1. In the src/App.vue file, declare the md-app-toolbar component, as follows:

<md-app>  <md-app-toolbar class="md-primary">    <span class="md-title">My Title</span>  </md-app-toolbar></md-app>

2. Also, remove the margin from the #app style. Now, the file should look as follows:

<template>  <div id="app">    <md-app>      <md-app-toolbar class="md-primary">        <span class="md-title">My Title</span>      </md-app-toolbar>    </md-app> <div id="nav"> <router-link to="/">Home</router-link>| <router-link to="/about">About</router-link> </div> <router-view/> </div></template><style>#app { font-family: "Avenir", Helvetica, Arial, sans-serif; ...