Contenu.vue

<template>
  <div id="app">
    <Volet_Base @rechercherNouvellesPublications="rechercherNouvellesPublications" @choix_variante="choixVariante"
                @newContenu="newContenu" v-bind:nvoContenu="nvoContenu" v-bind:auteur="auteur"
                v-bind:contenuAjoute="contenuAjoute" v-bind:majContenus="majContenus"  v-bind:darktheme="darktheme"
                v-bind:deconnexion="deconnexion" />
  </div>
</template>

<script>

import Volet_Base from "./components/Volet_Base";
export default {
  name: 'Contenu',
  components: {
    Volet_Base
  },
  methods: {
    /**
     * @vuese
     * Transmission du choix concernant la variante (à destination du composant Menu)
     */
    choixVariante: function (event) {
        // Transmission du booléen concernant la variante
        // @arg True si variante active, False sinon
        this.$emit("choix_variante", {variante: event.variante})
    },
    /**
     * @vuese
     * Transmission de l'information concernant la création d'un nouveau contenu
     */
    newContenu: function (event) {
      // Evenement à destination de Volet_Base
      this.$emit("newContenu", {source: event.source})

    },
    /**
     * @vuese
     * Signal pour déclencher la recherche de nouvelles publications
     */
    rechercherNouvellesPublications: function () {
      this.$emit("rechercherNouvellesPublications")
    }
  },
  props: {
    // L'auteur connecté
    auteur: {},
    // Variable contenant un contenu ajouté, à destination de Volet_Base
    contenuAjoute: {},
    // Variable contenant un "nouveau contenu", créé à partir d'une demande de publication, à destination de Volet_Base
    nvoContenu: {},
    // Signal d'alerte pour mettre à jour les contenus
    majContenus: {},
    // Signal d'activation ou non du theme sombre
    darktheme: {},
    // Signal de déconnexion
    deconnexion: {}
}
}
</script>

<style>
button {
  height: 20px;
  width: 20px;
}
</style>