Best way for multiple elements

[nam-co]

Hi, thanks for the great script, I was wondering the best way to use it in multiple independent
elements with out writing method for each one, for example in this example both elements start at the same time, appreciate any help, good day

//HTML
<div id="app" v-clock>

  <div class="info">Scroll down</div>
  
    <div
      class="test"
      v-bind:class="{ test_animation: isVisible }"
      v-observe-visibility="visibilityChanged"
    >Hello world!</div>
    
    <img src="https://source.unsplash.com/user/erondu"
      class="test test_image"
      v-bind:class="{ test_animation: isVisible }"
      v-observe-visibility="visibilityChanged">
  
</div>

// VUE
new Vue({
  el: '#app',
  data: {
    isVisible: true,
  },
  methods: {
    visibilityChanged: function (isVisible) {
      this.isVisible = isVisible;
    }
  }
})