カスタムディレクティブを使ってライセンス表記を行いたいです。

Question

現在行っていること

vue.jsでflickr apiから画像を取得しました。

質問内容

取ってきた画像にカスタムディレクティブを使ってライセンス表記をしたいです。

自分で調べたことや試したこと

main.jsの'tooltip'をv-bindに変えたりしましたがライセンス表記されなかったので何が原因なのか調べても解決できなかったのでアドバイスをお願いしてもよろしいでしょうか？

該当のソースコード

index.html


 <a
        v-bind:key="photo.id"
        v-bind:href="photo.pageURL"
        v-tooltip="photo"
        class="d-inline-block"
        target="_blank"
      >
        <img
          v-bind:src="photo.imageURL"
          v-bind:alt="photo"
          width="150"
          height="150"
        >
      </a>

main.js


Vue.directive('tooltip', {
  bind(el, binding) {
    $(el).tooltip({
      title: binding.value,
      placement: 'bottom',
    });
  },
  unbind(el) {
    $(el).tooltip('dispose');
  },
});

Answer 1

下記のコードを変えて実行しました。

　　　<a v-bind:key="photo.id" v-bind:href="photo.pageURL" v-tooltip="photo" class="d-inline-block" target="_blank" >