title: Vue.js 2- sweet alert package simplert not working
body: <p>I would like to use this <a href="https://mazipan.github.io/vue2-simplert/" rel="nofollow noreferrer">library</a> for alerts in my app built with Laravel 5.2 version. I have installed it and created a component like this:</p>
  
  <pre><code>&lt;script&gt;
  import Simplert from 'vue2-simplert'
  
  export default {
    data () {
      return {
        obj: {
          title: 'Alert Title',
          message: 'Alert Message',
          type: 'info',
          useConfirmBtn: true,
          customConfirmBtnText: 'OK'
        },
      }
    },
    methods: {
      openSimplert () {
        this.$refs.simplert.openSimplert(this.obj)
      },
    }
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>I am registering the component in my <code>app.js</code> like this:</p>
  
  <pre><code>Vue.component('alert', require('./components/Alert.vue'));
  
  const app = new Vue({
      el: '#app'
  });
  </code></pre>
  
  <p>And then trying to use it in my template:</p>
  
  <pre><code>&lt;alert :useRadius="true"
         :useIcon="true"
         ref="simplert"&gt;
  &lt;/alert&gt;
  </code></pre>
  
  <p>It is part of this template:</p>
  
  <pre><code>@section('content')
  &lt;div class="container"&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-md-10 col-md-offset-1"&gt;
              &lt;a class="btn btn-info link-button" href="/extras/create" role="button"&gt;Lag ny extra&lt;/a&gt;
              &lt;div class="panel panel-default"&gt;
                  &lt;div class="panel-heading"&gt;Extras&lt;/div&gt;
                  &lt;div class="panel-body"&gt;
                      @foreach($data as $extra)
                        &lt;div class="media row"&gt;
                          &lt;div class="media-left col-sm-3"&gt;
                            &lt;a href="#"&gt;
                              &lt;img class="media-object" src="/img/extras/{{ $extra-&gt;image_path }}" alt="{{ $extra-&gt;title }}"&gt;
                            &lt;/a&gt;
                          &lt;/div&gt;
                          &lt;div class="media-body col-sm-6"&gt;
                            &lt;h4 class="media-heading"&gt;{{ $extra-&gt;title }}&lt;/h4&gt;
                            &lt;p&gt;{{ $extra-&gt;description }}&lt;/p&gt;
                          &lt;/div&gt;
                          &lt;div class="col-sm-3 action-buttons"&gt;
                            &lt;a class="btn btn-info" href="/extras/create" role="button"&gt;Rediger&lt;/a&gt;
                            &lt;alert :useRadius="true"
                                   :useIcon="true"
                                   ref="simplert"&gt;
                           &lt;/alert&gt;
                          &lt;/div&gt;
                        &lt;/div&gt;
                      @endforeach
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  @endsection
  </code></pre>
  
  <p>Which gets included in the app template like this:</p>
  
  <pre><code>&lt;div id="app"&gt;
      &lt;nav class="navbar navbar-default navbar-static-top"&gt;
       ...
      &lt;/nav&gt;
  
      @yield('content')
  &lt;/div&gt;
  </code></pre>
  
  <p>I can see the component in the vue debug tools, but no html is being created, I can only see this:</p>
  
  <pre><code>&lt;!--function (a, b, c, d) { return createElement(vm, a, b, c, d, true); }--&gt;
  </code></pre>
  
  <p>Ant I get the error in the console:</p>
  
  <blockquote>
    <p>[Vue warn]: Failed to mount component: template or render function not
    defined.</p>
    
    <p>found in</p>
    
    <p>---> 
           </p>
  </blockquote>
  
  <p><strong>Update</strong></p>
  
  <p>After creating the new project with Laravel 5.5 since I thought the setup in Laravel 5.2 was creating problems, I have added the same library and the component and still this component throws an error, fortunately other components now work, but this still gives the same error, with the default Laravel 5.5 setup.</p>