How to import plugins into vue component?

I have a laravel vue app and I'm not sure how to use the plugins from NPM. The player works but just not sure how to implement the plugins. Below is the code I'm using for the component. Do I just import everything from mediaelement-plugins?

<template>
  <video
    id="video__player"
    width="640px"
    height="480px"
    v-bind:poster="video.image"
    preload="none"
    controls
    playsinline
    webkit-playsinline
  >
    <source
      type="video/mp4"
      v-bind:src="file"
    />

    <a
      target="_blank"
      v-bind:title="video.title"
      v-bind:href="file"
    >
      <img
        v-bind:src="'video.image"
        v-bind:alt="video.title"
      />
    </a>
  </video>
</template>

<script>
import "mediaelement";
import "mediaelement-plugins";
import "mediaelement/src/css/mediaelementplayer.css";

export default {
  props: {
    video: Object,
    part: Number,
    file: String
  },
  data: () => ({
    player: null,
    features: [
      "ads",
      "vast",
      "playpause",
      "current",
      "progress",
      "duration",
      "markers",
      "volume",
      "fullscreen"
    ]
  }),
  mounted() {
    this.player = new MediaElementPlayer(this.$el, {
      pluginPath: "https://cdnjs.com/libraries/mediaelement/",
      features: this.features,
      adsPrerollAdEnableSkip: true,
      adsPrerollAdSkipSeconds: 5,
      vastAdTagUrl: "VASTTAGHERE",
      vastAdsType: "vast",
      success: function(mediaElement, originalNode, instance) {
        //   console.log(mediaElement, originalNode, instance);
      }
    });
  }
};
</script>

mediaelement / mediaelement-plugins

How to import plugins into vue component? #168