dvdmeer

Member Since 2 Years Ago

Experience Points
121,680
Total
Experience

3,320 experience to go until the next level!

In case you were wondering, you earn Laracasts experience when you:

  • Complete a lesson — 100pts
  • Create a forum thread — 50pts
  • Reply to a thread — 10pts
  • Leave a reply that is liked — 50pts
  • Receive a "Best Reply" award — 500pts
Lessons Completed
1197
Lessons
Completed
Best Reply Awards
0
Best Reply
Awards
  • start your engines Created with Sketch.

    Start Your Engines

    Earned once you have completed your first Laracasts lesson.

  • first-thousand Created with Sketch.

    First Thousand

    Earned once you have earned your first 1000 experience points.

  • 1-year Created with Sketch.

    One Year Member

    Earned when you have been with Laracasts for 1 year.

  • 2-years Created with Sketch.

    Two Year Member

    Earned when you have been with Laracasts for 2 years.

  • 3-years Created with Sketch.

    Three Year Member

    Earned when you have been with Laracasts for 3 years.

  • 4-years Created with Sketch.

    Four Year Member

    Earned when you have been with Laracasts for 4 years.

  • 5-years Created with Sketch.

    Five Year Member

    Earned when you have been with Laracasts for 5 years.

  • school-in-session Created with Sketch.

    School In Session

    Earned when at least one Laracasts series has been fully completed.

  • welcome-newcomer Created with Sketch.

    Welcome To The Community

    Earned after your first post on the Laracasts forum.

  • full-time-student Created with Sketch.

    Full Time Learner

    Earned once 100 Laracasts lessons have been completed.

  • pay-it-forward Created with Sketch.

    Pay It Forward

    Earned once you receive your first "Best Reply" award on the Laracasts forum.

  • subscriber Created with Sketch.

    Subscriber

    Earned if you are a paying Laracasts subscriber.

  • lifer Created with Sketch.

    Lifer

    Earned if you have a lifetime subscription to Laracasts.

  • evangelist Created with Sketch.

    Laracasts Evangelist

    Earned if you share a link to Laracasts on social media. Please email [email protected] with your username and post URL to be awarded this badge.

  • chatty-cathy Created with Sketch.

    Chatty Cathy

    Earned once you have achieved 500 forum replies.

  • lara-veteran Created with Sketch.

    Laracasts Veteran

    Earned once your experience points passes 100,000.

  • 10k-strong Created with Sketch.

    Ten Thousand Strong

    Earned once your experience points hits 10,000.

  • lara-master Created with Sketch.

    Laracasts Master

    Earned once 1000 Laracasts lessons have been completed.

  • laracasts-tutor Created with Sketch.

    Laracasts Tutor

    Earned once your "Best Reply" award count is 100 or more.

  • laracasts-sensei Created with Sketch.

    Laracasts Sensei

    Earned once your experience points passes 1 million.

  • top-50 Created with Sketch.

    Top 50

    Earned once your experience points ranks in the top 50 of all Laracasts users.

  • Community Pillar

    Earned once your experience points ranks in the top 10 of all Laracasts users.

Level 25
121,680 XP
Jul
22
6 months ago
Activity icon

Started a new Conversation Laravel + Vuetify Causes Error When Using V-data-table

Hi,

I've noticed that when I use the v-data-table example from the Vuetify website (https://vuetifyjs.com/en/components/data-tables/) in my own sample project it gives me the following error:

TypeError: Cannot read property 'breakpoint' of undefined

Here is my app.js:

require('./bootstrap');

window.Vue = require('vue');

import Vuetify from "../plugins/vuetify.js"

Vue.component('example-component', require('./components/ExampleComponent.vue').default);
Vue.component('dmUserTable', require('./components/dmUserTable.vue').default);

const app = new Vue({
    vuetify: Vuetify,
    el: '#app',
});

my dmUserTable contains the same content as you can find here: https://github.com/vuetifyjs/vuetify/blob/master/packages/docs/src/examples/data-tables/usage.vue

and I created a blade file that holds my content:

@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header">User Management</div>

                <div class="card-body">
                    @if (session('status'))
                        <div class="alert alert-success" role="alert">
                            {{ session('status') }}
                        </div>
                    @endif
                </div>

                <div id="app">
                    <dm-user-table>
                    </dm-user-table>
                </div>
                <br>
            </div>
        </div>
    </div>
</div>
@endsection

I have no idea what is going on but I can't remember having a lot of issues when I last tried Vuetify (has been a while though).

I already had to downgrade the vuetify-loader to v1.5.0 because of a bug with Laravel 7 that produces an error:

Error: [VueLoaderPlugin Error] vue-loader 15 currently does not support vue rules with oneOf