Learn Vue.js 3.0 With Tailwind CSS And Composition API in 2021 - Create A Pokémon app For Beginners

Erik you're my hero. Thank you! woooo

came for code subbed for Doc Who Lit poster

what are the problems:
Error: ENOENT: no such file or directory, open 'C:\KEA_2 YEAR_2022\MODULE_3_2 YEAR\PRESENT-LEARNING\VUE.JS\REVIEW_EXAM\demo-tailwind-vue\tailwind.config.js'

What theme are you using?

hi.....name theme vscode????

How to fix Syntax Error: Error: PostCSS plugin tailwindcss requires PostCSS 8.

I feel kinda stupid, it took me 1 hour to understand why I couldn't run the command "nom run server" ... ... and then I checked again and saw it was "npm run serve" I guess I still have a lot to learn hahahaha

Ok I think I got it!
There are lots of magics out there to explain -
state.urlIdLookup = data.results.reduce((acc, cur, idx) =>
acc = {...acc, [cur.name]:idx+1}
,{})

Basically, you want to get something like this:
pokName:index

1. You use "recude" to make a list of accumulate dictionary, there are 2 arguments: 1) accumulator 2) empty object initializer.
2. You use three dots as a spread operator to copy the last object into the accumulator.
3. Then you add the new dictionary row it to the list iterative.

Although it's only three lines of code, you can learn a lot from it.

What plugins are you running for VSC? My $route.params.slug is not showing any syntax highlighting for some reason.

does tailwind works with angular?

Thanks Erik!

One comment that might help others:


after ```npm run serve```

and getting this terminal error:

ERROR Failed to compile with 1 error

error in ./src/assets/tailwind.css
Syntax Error: Error: Loading PostCSS Plugin failed: Object.fromEntries is not a function

What I learned from the docs:
Using Tailwind CLI:
Tailwind CSS requires Node.js 12.13.0 or higher.

tanks video

Thanks for your video!

Heads up before you watch this, if you are a Vue novice and here to learn about Vue, please dont.
He just types some advanced vue code from his other screen with 0 explanation.
Not much different than going to a github page of an app and start typing instead of just copy-paste.

Thanks Erik, awesome content!
I need more vue js apps hahaha

Very informative THANK YOU!

Hey Erik, I'm a big fan of your tutorials! I'm at a loss though, after `vue create <project>` I try to `vue add tailwind` and get this error:

"There are uncommitted changes in the current repository, it's recommended to commit or stash them first."

I noticed that you have git initialized with 5K files as well. Do you know why I might get this error? If I don't stash the files, Tailwind doesn't work :/

Thank you so much for your help!

Why I dont have the Views folder in my project´s folder? :/

I would appreciate it if you could tell me how to set that gradient color on the VS code extension tab.

Please what theme is this

Thanks for this video and thanks for Your book (Vue js in action)!

Great informative video. But how do you get a unified approach across all your components?? I'd like to get a single source for the whole application yet still have reusable components.

The VScode theme is : SynthWave '84
With : "Custom CSS and JS" extension to enable the glow effect
Font is : Fira code

How to use composition api in Nuxt JS ? or maybe can Nuxt JS use Vue 3 ?

v-for="(pokemon, idx) in pokemons"
:key="idx"
tut tut ;-)

That url part is confusing for me
If you create a separate video on only that portion.

i'm kinda curious what your keyboard is, it really sounds nice :-)

I watched Almost Full Video until My Project was Setting Up!!!

What theme are you using for vscode?

Nice video ! :)

I was wondering:
-> What are the main differences between rxjs and reactive ?
-> Why does it seems that typescript is not used a lot with vue ?

Iam really confused about should i learn React JS or VUE JS

Thanks for the video! What is the font you use in VSCode? How did you get the HTML tags to highlight like that? Looks awesome!!

Thanks for all you do.

Good job @Erik, Waiting to see a tutorial on Authentication using JWT or Oauth2 API.

Please tell, is it better to use reactive object for the whole state or divide it for single ref. For readability your variant is better but what about speed ?

BTW, Rattata is pronounced Rat-at-uh and Raticate is pronounced Ra-ti-kate

I never knew there was a Pokemon API. I am definitely testing it out!

(Also, second comment by a viewer - Nice)