title: Cleanest way to import/require a Vue.js directive?
body: <p>I'm trying to organize my plugins into custom Vue Directives that could be a simple as:</p>
  
  <pre><code>Vue.directive('popout', {
      bind() {
          $(this.el).popOut();
      }
  });
  </code></pre>
  
  <p>And save these in separate files, to be imported in either the main JS file or the Vue(ify) components with something like:</p>
  
  <pre><code>require('./directives/popout.js');
  </code></pre>
  
  <p>I've tried a number of <code>export default</code> setups, but I can't seem to get it to work. What would be the cleanest (i.e. best-practice) way to do this?</p>