stevenh

stevenh

Member Since 1 Year Ago

Experience Points
1,110
Total
Experience

3,890 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
6
Lessons
Completed
Best Reply Awards
0
Best Reply
Awards
  • start-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-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-token Created with Sketch.

    Subscriber

    Earned if you are a paying Laracasts subscriber.

  • lifer-token Created with Sketch.

    Lifer

    Earned if you have a lifetime subscription to Laracasts.

  • lara-evanghelist 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.

Level 1
1,110 XP
Aug
29
3 months ago
Activity icon

Replied to Can't Get Vuetify 2 To Work With Laravel

I have tried changing APP_ENV to "production" and have changed webpack.mix.js as follows with no luck:

const mix = require('laravel-mix');

//MYCODE
const VuetifyLoaderPlugin = require('vuetify-loader/lib/plugin');

mix.js('resources/js/app.js', 'public/js')
    .sass('resources/sass/app.scss', 'public/css')

    //MYCODE
    .webpackConfig(webpack => {
      return {
          plugins: [
            new VuetifyLoaderPlugin()
          ]
      };
    });

I just get the following error:


/vuetifyapp/node_modules/webpack-cli/bin/cli.js:93
                                throw err;
                                ^

Error: Cannot find module 'vuetify-loader/lib/plugin'

Activity icon

Started a new Conversation Can't Get Vuetify 2 To Work With Laravel

Hi,

I haven't been able to get the new version of Vuetify (which has components à-la-carte) to work with Laravel.

The problem is related to not using Vue CLI 3. From the Vuetify documentation:

"If there is a reason you are unable to utilize the Vue CLI 3 package, you can manually install the vuetify-loader through your vue.config.js or webpack config."

"Vuetify loader - Keeping track of all the components you're using can be a real chore. The vuetify-loader alleviates this pain by automatically importing all the Vuetify components you use, where you use them. This will also make code-splitting more effective, as webpack will only load the components required for that chunk to be displayed."

"Webpack installation - You can also explicitly install the loader for webpack based projects. Similar to the vue.config.js setup, you simply add the loader to your project's webpack plugins."

// webpack.config.js

const VuetifyLoaderPlugin = require('vuetify-loader/lib/plugin')

module.exports = {
  plugins: [
    new VuetifyLoaderPlugin()
  ],
}

How do I use this code in webpack.mix.js?

Jul
12
5 months ago
Activity icon

Replied to Passing A Laravel Object Conditionally To A Vue Component.

@johnbraun Thanks a lot for your solution. I'll give it a try!

Activity icon

Started a new Conversation Passing A Laravel Object Conditionally To A Vue Component.

Hi,

I have a form in a vue component for entering a user's profile information. When the user has already created a profile, the form is populated with the data from an object $profile that is passed from the controller to the blade view and then passed to the vue component as the prop "profile".

When the user has no profile currently ($profile is null), I would like the form fields to be blank.

I'm not sure how to treat the prop "profile" in the component when the object does not exist.

The script of my vue component is as follows:

export default {
  mixins: [formSubmit],
  props: [
    "profile",
  ],
  data() {
    return {
      fields: {
        about: this.profile.about,
        website: this.profile.website,
        instagram: this.profile.instagram,
        facebook: this.profile.facebook,
      },
      snackbarString: "Saved"
    };
  },
  
  
  
};
</script>

When $profile is passed from the controller, it works fine but when the object does not exist yet, I get an undefined error in vue :

TypeError: Cannot read property 'about' of undefined

How should I deal with the object conditionally in the vue component?

Sorry if it's obvious...