index.vue

<template>
<main class="container-fluid">
  <h2 class="display-2 text-center mb-5">Page d'accueil</h2>
  <div class="row">
    <div class="col-6 m-auto text-center">
      <p>Wotwizard-UI est une application web qui a pour but d'offrir une meilleure expérience utilisateur que celle actuellement disponible pour <a href="https://wot-wizard.duniter.org" target="_blank">Wotwizard</a>.</p>
      <p>Le code source du projet est disponible sur <a href="https://git.duniter.org/clients/wotwizard-ui" target="_blank">le Gitlab des développeurs de la monnaie libre</a>.</p>
    </div>
  </div>
</main>
</template>

<script>
export default {
  data() {
    // Variables locales
    return {
      // Fil d'ariane
      breadcrumb: [
        {
          text: 'Accueil',
          active: true
        }
      ],
      hello: ''
    }
  },
  // Fonctions locales
  methods: {
    helloWorld(e) {
      this.hello = e.target.dataset.response
    }
  },
  mounted () {
    // Mise à jour du fil d'ariane au chargement
    $nuxt.$emit('changeRoute',this.breadcrumb)
  }
}
</script>