I am trying to create a table using Vuetify and Vue.
Currently, I am encountering the following error message: TypeError: this.$vuetify.breakpoint is undefined
This error occurs when using the v-data-table from Vuetify.
Error:
[Vue warn]: Error in render: "TypeError: this.$vuetify.breakpoint is undefined"
found in
---> <VData>
<VDataTable>
<AngebotsTable> at src/components/AngebotsTable.vue
<AngebotsWrapper> at src/components/AngebotsWrapper.vue
<App> at src/App.vue
<Root>
<template>
<v-data-table
:headers="headers"
:items="desserts"
:items-per-page="5"
class="elevation-1"
></v-data-table>
</template>
<script>
export default {
}
</script>
main.js
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 => h(App)
})
Could anyone offer assistance?