javascript - jsファイルの関数を使用したVueカスタムディレクティブ

Question

これらの単純なツールチップを使用できるように、Vue でカスタム ディレクティブを作成しようとしています。main.js ファイルに必要な static フォルダーの js ファイルにツールチップ JavaScript があります。ツールチップごとに実行される関数に変えました。問題は、上記のファイルが必要であるにもかかわらず、関数が定義されていないことです。カスタム ディレクティブで「makeTooltip」関数を使用するにはどうすればよいですか?

メイン.JS

import Vue from 'vue'

require('../static/js/scripts.js')    

Vue.directive('tooltip', function(el, binding){
    makeTooltip($(el), binding.value);

    $('.tooltip').click(function(){
      $('.tooltip').hide();
    })
})

SCRIPTS.JS

function makeTooltip(el, title){
    var target  = false,
        tooltip = false,
        title   = false;

    el.bind( 'mouseenter', function()
    {
        target  = $( this );
        tip     = title;
        tooltip = $( '<div id="tooltip"></div>' );

    ... 

};

レンダリングしようとしているツールチップごとに、ReferenceError: makeTooltip が定義されていません