title: vuetify this.$vuetify.breakpoint is undefined
body: <p>im want to build a table with vuetify and vue.</p>
  <p>Currently im receiving this error message: TypeError: this.$vuetify.breakpoint is undefined</p>
  <p>It appears when i use the v-data-table from vuetify.</p>
  <p>error:</p>
  <pre><code>[Vue warn]: Error in render: &quot;TypeError: this.$vuetify.breakpoint is undefined&quot;
  
  found in
  
  ---&gt; &lt;VData&gt;
        &lt;VDataTable&gt;
          &lt;AngebotsTable&gt; at src/components/AngebotsTable.vue
            &lt;AngebotsWrapper&gt; at src/components/AngebotsWrapper.vue
              &lt;App&gt; at src/App.vue
                &lt;Root&gt;
  </code></pre>
  <pre><code>&lt;template&gt;
    &lt;v-data-table
      :headers=&quot;headers&quot;
      :items=&quot;desserts&quot;
      :items-per-page=&quot;5&quot;
      class=&quot;elevation-1&quot;
    &gt;&lt;/v-data-table&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
    export default {
  
    }
  &lt;/script&gt;
  
  </code></pre>
  <p>main.js</p>
  <pre><code>import Vue from 'vue'
  import App from './App.vue'
  import Vuetify from 'vuetify'
  import 'vuetify/dist/vuetify.min.css'
  import VueRouter from 'vue-router'
  
  Vue.use(Vuetify)
  Vue.use(VueRouter);
  
  export default new Vuetify({  })
  
  
  const router = new VueRouter({})
  
  new Vue({
    el: '#wp-vue-app',
    router: router,
    Vuetify: Vuetify,
    render: h =&gt; h(App)
  })
  </code></pre>
  <p>could anyone help me?</p>