How To Setup Your Vue.js Style Guide And Code Like A Pro With Vue 2 and Vue 3!! Vue 3 ESLint Guide

[@ProgramWithErik]

Check now if your .TECH is available! Link - go.tech/erik Use Code erik.tech at Checkout for a special 80% OFF on 1 & 5 Year .TECH Domains!

[@arifhossain8753]

great informative video

[@muhammadnurhafiznoormohama7605]

thank you, very clear explanation

[@lucasmattos5727]

Hey @Erik what is your VSCode Theme? Cheers mate!

[@bigfoot131]

synthwave 84

[@MattDuarte11]

When’s your vue3 tutorial coming? Or is vue3 not out yet?

[@tanzimibthesam5861]

When is Vue 3 coming?

[@rajan-u6b]

I just started learning vue....any tips for a newbie????

[@notlessgrossman163]

Erik, here's the thing, i recently got very frustrated by having to refactor my module (with asynchronous data requests) into my component created: option). Id like a real hands on best practices guide on handling asynchronous data requests in my component lifecycle management. Id like to just load my asynchronous data during page load from my reusable module.

[@notlessgrossman163]

@Scott Page USMC my problem is that my module returns a promise rather than resolving it to data that can be passed to my 'created:' option. If I hardcode the module function into created it works.

[@spicythunder4020]

You’re aVUEsome thank you.

[@RianY2K]

Are there any differences with eslint with airbnb standard ?

[@nice.540]

Yes, check github for their guide on how to style variables, functions and stuffs.

[@nice.540]

Link: github.com/airbnb/javascript

[@fin31337]

Nice. Is airbnb standard best practice?

[@nice.540]

Well some people think so, but for most default eslint style guide vue cli gives is okay.

[@sen.d]

I just love your videos and Vue.js is just freaking awesome. Can you make a video series on Apollo and Vue. I think GraphQl is pretty cool and needs a bit more leverage in the community.

[@SirMorak]

Is it the Eslint + prettier that is annoying me because I use tabs instead of spaces? :( EDIT: Okay, I read a bit about it, and if you're using tab indent and don't want to have this warning, add this rule to your .eslintrc.js : 'vue/html-indent': [ 'error', 'tab', { attribute: 1, baseIndent: 1, closeBracket: 0, alignAttributesVertically: true, ignores: [], }, ]

[@asim-gandu-phenchod]

I have always ignored the style guides