gdp_vuewp/src/components/nav/HeaderMenu.vue

<template>
  <nav id="header-menu">
    <ul>
      <li><router-link to="/corpus">Corpus</router-link></li>
      <li>
        <span>Index</span>
        <ul>
          <li><router-link to="/nominum">Personnes</router-link></li>
          <li><router-link to="/locorum">Lieux</router-link></li>
          <li><router-link to="/operum">Œuvres</router-link></li>
        </ul>
      </li>
      <li><router-link to="/bibliographie">Bibliographie</router-link></li>
      <li><a href="#">Blog</a></li>
      <li>
        <a href="#" class="mdi mdi-login-variant" title="connexion">
          <span class="visualy-hidden">connexion</span>
        </a>
      </li>
    </ul>
  </nav>
</template>

<script>

export default {
  name: 'HeaderMenu',
  data: () => ({

  })
}

</script>

<style lang="scss" scoped>

</style>