Relation has_many belongs_to

Bonjour,

J'ai une relation entre 2 classes: Batiment (has_many :compteurs) et Compteur (belongs_to :batiment).

J'aimerais récupérer les batiments ainsi que les compteurs respectif pour l'injecter dans VueJS

# Dans le controller
@batiments = Batiment.includes(:compteurs).all

# Dans Vue js de la vue:
 mounted () {
          this.batiments = <%= raw @batiments.to_json %>

          console.log(this.batiments)
        }

Or dans le console, j'ai mes bâtiments mais je n'ai pas les compteurs des batiments.

Comment dois-je m'y prendre?