title: Cannot read property 't' of undefined using Vuetify and Laravel
body: <p>Getting this error when attempting to use a Vuetify component out of the box. Perhaps just my lack of understanding how to implement Vuetify components in Laravel.</p>
  
  <p>Laravel v5.8.35, Vue v2.6.10, Vuetify v2.0.18.</p>
  
  <p>error:</p>
  
  <blockquote>
    <p>[Vue warn]: Error in render: "TypeError: Cannot read property 't' of
    undefined"</p>
    
    <p>found in</p>
    
    <p>---> &lt; VSelect >
           &lt; Test > at resources/js/components/Test.vue
           &lt; Root ></p>
  </blockquote>
  
  <p>app.js</p>
  
  <pre><code>require('./bootstrap');
  window.Vue = require('vue');
  
  Vue.component('example-component', require('./components/ExampleComponent.vue').default);
  
  import Vuetify from 'vuetify';
  Vue.use(Vuetify);
  Vue.component('test', require('./components/Test.vue').default);
  
  const app = new Vue({
      el: '#app',
  });
  </code></pre>
  
  <p>layouts/vue.blade.php</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;Vue Examples&lt;/title&gt;
  &lt;meta name="csrf-token" content="{{ csrf_token() }}"&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="app"&gt;
          @yield("content")
      &lt;/div&gt;
      &lt;script src="{{ asset('/js/app.js') }}"&gt;&lt;/script&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>test.blade.php</p>
  
  <pre><code>@extends('layouts.vue')
  
  @section('content')
      &lt;test&gt;&lt;/test&gt;
  @endsection
  </code></pre>
  
  <p>components/Test.vue</p>
  
  <pre><code>&lt;template&gt;
    &lt;v-container fluid&gt;
      &lt;v-row align="center"&gt;
        &lt;v-col class="d-flex" cols="12" sm="6"&gt;
          &lt;v-select
            :items="items"
            label="Standard"
          &gt;&lt;/v-select&gt;
        &lt;/v-col&gt;
  
        &lt;v-col class="d-flex" cols="12" sm="6"&gt;
          &lt;v-select
            :items="items"
            filled
            label="Filled style"
          &gt;&lt;/v-select&gt;
        &lt;/v-col&gt;
  
        &lt;v-col class="d-flex" cols="12" sm="6"&gt;
          &lt;v-select
            :items="items"
            label="Outlined style"
            outlined
          &gt;&lt;/v-select&gt;
        &lt;/v-col&gt;
  
        &lt;v-col class="d-flex" cols="12" sm="6"&gt;
          &lt;v-select
            :items="items"
            label="Solo field"
            solo
          &gt;&lt;/v-select&gt;
        &lt;/v-col&gt;
      &lt;/v-row&gt;
    &lt;/v-container&gt;
  &lt;/template&gt;
  &lt;script&gt;
    export default {
      data: () =&gt; ({
        items: ['Foo', 'Bar', 'Fizz', 'Buzz'],
      }),
    }
  &lt;/script&gt;
  </code></pre>
  
  <p>As you can see, the vue file is exactly the source from Vuetify for the v-select component. Components that don't include this works:</p>
  
  <pre><code>  export default {
      data: () =&gt; ({
  </code></pre>
  
  <p>All other components (e.g. ExampleComponent) work fine.</p>