VueJs Plugin using Howler to clean up and easily trigger a sound from anywhere. just by passing it the sound file path.

AudioPlugin.js

import {Howl} from 'howler';

let AudioPlugin = {
    install: function (Vue, options = {}) {

        AudioPlugin.events = new Vue();

        Vue.prototype.$audio = {
            play(src,params = {}){
                this.load(src).play();
            },
            load(src){
                return new Howl({ src: [src]})
            }
        }
    },
    play: function(src){
        this.load(src).play();
    },
    load: function(src){

        return new Howl({ src: [src]})

    }
};

export default AudioPlugin;

Usage examples:

@click:
<button @click='"$audio.play('path/sound.mp3')">Play Sound</button>
you will have to register it globally in order to use this anywhere.

let sound = AudioPlugin.load('/path/sound.mp3');
this works identical to howler just added this to only have to import one item to use it individually.