Vue 3 Typescript Tutorial - Basic user login flow with Typescript and Vue 3

[@devops-sushi5534]

Brilliant - just the right amount of information. Nothing more, nothing less! 💯

[@JH-lc4kt]

why did you create your own store, but not use an already existing some? vuex/pinia?

[@Gummiball]

Nice tutorial. Sometimes too fast and "jumpy".

[@CodingWithJustin]

Thanks for the feedback! Could you elaborate more? I would like to my content the best I can

[@Gummiball]

@@CodingWithJustin You code something "behind" the video and it is not so easy to follow. Example: - Setup project with vue-cli -> after selecting "TypeScript" you just jump straight to the code. - You paste code from the clipboard -> better type it for us and explain what you do. Otherwise keep up the good work, have learned a lot.

[@antoniapettersson543]

do you have a video of this , but step by step ?

[@damianperez7736]

Really nice video On min 5:37, can you explain a little bit how does line 2 work?

[@MrChickenpoulet]

hey, it means that the type UserList is an array containing objects of type User with an extra field password of type string, the `&` here is used to merge type really convenient when you dont want to create an extra type like in this case www.typescriptlang.org/play?#code/C4TwDgpgBAqgzhATlAvFA3lAdgQwLYQBcUcwiAllgOYDcUArgorgcaRdQL4BQoksTADLlSqKAEFEiHCAA88JFABkGKGBxw4AdwD2iACZsylKlE4A+btwDGOrKIA2I4MQWJhotAG1uUPxl9-IJYiKAByACk7MIAaQKC-RiQQ4jCAK2i4hP91TV0DVIBGACYAZgBHLQgw+LNuAF0rIA

[@damianperez7736]

@@MrChickenpoulet Thank you man, that's some next level TS for me

[@zinaright]

Not specific enough, but flows well

[@overnightmares]

that "inc" action mutating the store? shouldn't it be a mutation instead?

[@UGNetworks]

He's not using vuex

[@damianperez7736]

I have another doubt, on min 5:33, how does TS know that on line 12, the result of "await request.json() is gonna be of type User? magic?

[@CodingWithJustin]

It doesn't, the return of "await request.json()" is any. I use variable declaration "const user: User" to say its a user type.

[@chrisperez8789]

So u are not using vuex at all? I like the symplicity. But I'm not sure if I will miss the dev tools vuex stuff for debugging. That's a really plus for using vuex

[@CodingWithJustin]

Current Vuex + typescript is a mess. Check out my other tutorial where I go over this in more detial. But in large scale projects I still use Vuex.

[@joaosousa5641]

a have an error here:import userStore from '@/store/user' io dont see where you exported it