Видео

@@Sop7anaAllah okay sir

Thank you for your suggestion. I'll keep this in my notes and will sure develop one day

Thank you for your kind words If you want to support you can buy from here 3627575266943.gumroad.com/l/jlskb No, I don't have discord

@@CodeWithHafizJavaid Promise👌

Hi games.partisan, Yes I'll do that. I wish I have more time because currently I have three projects ready ( E-commerce, LMS, and Messenger Clone from codeantonio ), but I don't have time for recording/editing. I'll try my best to release them as soon as possible

When i finish the course i will take the patreon 😇 but for moment i learn vue/nuxt ( i'm coming for rail stack ) 😉 What app do you to modelize schema relation in 23:20 ? thanks

My Pleasure

Can you please show me the code?

@@CodeWithHafizJavaid oh yes i can

<template> <div> <v-row class="my-5"> <v-col cols="12"> <v-btn @click="grid = !grid" :class="{ 'bg-primary': !grid }"> <v-icon> mdi-view-list </v-icon> </v-btn> <v-btn @click="grid = !grid" :class="{'bg-primary': grid }" class="ml-3"> <v-icon> mdi-apps </v-icon> </v-btn> </v-col> </v-row> <!--another row--> <v-row> <v-col cols="12"> <v-row v-show="grid"> <v-col v-for="(product, i) in products" :key="i" cols="12" lg="4" sm="6"> <v-card class="mx-auto pb-2"> <v-img :src="product.image" height="200px" cover> <template v-slot:placeholder> <v-row class="fill-height ma-0" align-md="center" justify="center"> <v-progress-circular color="grey lighten-5" indeterminate></v-progress-circular> </v-row> </template> </v-img> <v-card-title class="text-capitalize"> {{ product.name }} </v-card-title> <v-card-subtitle> ${{ product.price }} </v-card-subtitle> <v-card-actions> <v-btn color="primary"> Read More </v-btn> <v-spacer></v-spacer> <!-- <v-btn class="bg-primary" @click="cartStore.add(product.id)"> Add to Cart </v-btn> --> <v-btn class="bg-primary"> Add to Cart </v-btn> </v-card-actions> </v-card> </v-col> </v-row> </v-col> </v-row> <!--if the grid is false--> <v-row v-show="!grid" v-for="(product, i) in products" :key="i"> <v-col cols="4"> <v-img :src="product.image" height="200px" cover> <template v-slot:placeholder> <v-row class="fill-height ma-0" justify="center"> <v-progress-circular color="grey lighten-5" indeterminate></v-progress-circular> </v-row> </template> </v-img> </v-col> <v-col cols="12" md="8"> <v-card-title class="text-capitalize"> {{ product.name }} </v-card-title> <v-card-subtitle> ${{ product.price }} </v-card-subtitle> <v-card-text> {{ product.description }} </v-card-text> <v-card-actions> <v-btn color="primary"> Read More </v-btn> <v-btn class="ml-2 bg-primary" @click="cartStore.add(product.id)"> Add to Cart </v-btn> </v-card-actions> </v-col> </v-row> </div> </template> <script setup> import data from '~/data' import { useCartStore } from '../stores/cart.js' const cartStore = useCartStore() const products = ref(data) const grid = ref(true) </script> Thats the code in my index.vue page

Header.vue:18 warn [Vue warn]: Property "theme" was accessed during render but is not defined on instance. at <VDefaultsProvider defaults= {VTabs: {…}} > at <VToolba i keep on getting this error in my console.

and the code in my index.vue is basically the same with one in ur github page

Can you please share the code so I can help you with that

🙏

I didn't find any need of that Can you please tell me where do you think I should have used pinia but I didn't

You are welcome 🙏

Thank you 😊

Thank you for your feedback. I'll add the chapters as soon as possible

Welcome

Please check after 24:00 it's much better

Please check out the description

youkei-zzz, thanks for your generosity

@@Kekei-su4to Done. Remember me in your prayers 💚

nvcc1701, thanks sir

Done Done. Remember me in your prayers 💚. Sorr for the delay, I was too busy because of my job and totally forgot about this

yeyu93, thanks for your work sir.

It took me around 40 to 50 hours to create this video. If you can afford consider buying this code via Patreon link but if you can't afford please share your GitHub username and I'll share the code with you ❤

Thank you 🙏

😍

Hope your enjoyed the video so far

I'm from Pakistan 🥲

@@CodeWithHafizJavaid Pakistan too!

Hi Daniel, Replace the above code with the following shadcn: { /** * Prefix for all the imported component */ prefix: '', /** * Directory that the component lives in. * @default "./components/ui" */ componentDir: './components/ui' }, components: [ { path: '~/components/shared', pathPrefix: false }, '~/components' ] Notice I added the components array, where I added the path for shared folder

@@CodeWithHafizJavaid It works Hafiz. Thank you very much for your help. I put it this way and it works as well: replacing shadcn for it: components: [ { path: "./components/ui", extensions: [".vue"], prefix: "", }, { path: "./components/shared", extensions: [".vue"], prefix: "", }, { path: "./components", extensions: [".vue"], prefix: "", }, ], It wasn't working before because I didn't add a root path "./components" beyond ui and shared, so my sidebar was disappearing.

Sorry I didn't understand your question. Can you please be more clear 🙏

Glad you like it Can you please tell me for what task?

​@@CodeWithHafizJavaid 1:05:56 if you have any tips some extensions can improve developer experience i will be glad to know ex: in 1:05:56 you showed the "route." and it has a code completion my vscode doesn't look likes yours, is it some kind of vscode extension? sorry for my english btw

@@alysonramos3424 It's not the extention. It's the magic and power of nuxt + typescript. Almost in everything where you use nuxt stuff and u are using typescript you will get these suggestions for code completion. English is not a problem, Mine is also very bad. Core thing is we understood each other 🙂

Youa are welcome

Thank you man. Glad you like it Love from Pakistan

I don't have any experience with Okta so I can't say anything

You are welcome

My pleasure

Pakistan me idea ni me sara kam remote hi krta hn

@@CodeWithHafizJavaid ap Vuejs remote job kartha ho? LinkedIn handle share Karan apni?

@@iUmerFarooq Please checkout the video descriptions where all of the social handles are mentioned

Thank you

Yes I'm working on messenger clone. Development is done now I have to do the recording and editing

@@CodeWithHafizJavaid ok ok 💚

You are welcome. Glad you are enjoying the content

Glad u liked it. Yeah sure, I'll try my best

Thank you

@@hafizjavaid Can you make a content on Role based authentication!!

@@karthikm.1804 Yes I'm working on the E-commerce project in which we have normal and admin user roles and it will be uploaded in 2 to 3 weeks. Development is done now recording and editing is remaining