Build the Shopping Cart using Nuxt 3 Vuetify 3 and Pinia | Vue 3 Shopping Cart | Nuxt 3 Crash Course

แชร์
ฝัง
  • เผยแพร่เมื่อ 5 พ.ย. 2024

ความคิดเห็น • 39

  • @supbrotv
    @supbrotv ปีที่แล้ว +6

    Is there a reason you use routerlink instead of NuxtLink and NuxtPages? Does it make a difference?

    • @周阿明-g2y
      @周阿明-g2y 8 หลายเดือนก่อน

      {{ $t(`${category}Title`) }}







      export default {
      name: 'filterSheet',
      props: {
      value: { type: Array, default: () => [] },
      category: { type: String, default: '' },
      count: { type: Number, default: 0 }
      },
      computed: {
      checked: {
      get() {
      return this.value;
      },
      set(check) {
      this.$emit('input', check)
      }
      }
      }
      }
      .theme--light.v-list-item:not(.v-list-item--active):not(.v-list-item--disabled) {
      color: $secondary !important;
      }

  • @Sma33in
    @Sma33in 3 หลายเดือนก่อน +1

    i have a problem on loading images , what should i do please ?

  • @justasarbatauskis9044
    @justasarbatauskis9044 2 หลายเดือนก่อน +1

    thank you

  • @BillaSaheb786
    @BillaSaheb786 ปีที่แล้ว +1

    Great Guru...Amazing ... Please make video like that using Nuxt 3 and Pinia and Vue 3 composition API

    • @CodeWithHafizJavaid
      @CodeWithHafizJavaid  ปีที่แล้ว

      Thanks for your suggestion.
      Video is coming within the next couple of days where we are building the full stack review app using Vue 3 ( Composition API ) and Pinia.
      I just have to record that :)

    • @BillaSaheb786
      @BillaSaheb786 ปีที่แล้ว +1

      zazakallah Bhai.. Great Sir

    • @CodeWithHafizJavaid
      @CodeWithHafizJavaid  ปีที่แล้ว

      Check the latest video of vue 3, pinia and composition api

    • @tangankucingg
      @tangankucingg 9 หลายเดือนก่อน +1

      Hi Sir, may i know what title is that video, i cant seem to find. @@CodeWithHafizJavaid

    • @hafizjavaid
      @hafizjavaid 9 หลายเดือนก่อน

      @@tangankucingg I'm talking about this video ( Vue Crash Course with typescript )
      th-cam.com/video/1KMh_R6d-P4/w-d-xo.html

  • @araputrevor5103
    @araputrevor5103 ปีที่แล้ว +1

    Thank you so much for this

  • @PrashantNirgun
    @PrashantNirgun ปีที่แล้ว +1

    why did you install @mdi/font when whey vuetify already has material icon? I mean is there is any difference between both ?

    • @CodeWithHafizJavaid
      @CodeWithHafizJavaid  ปีที่แล้ว

      Yes, you are right but I don't know why for some reason the icons were not working for me so I have to the installation.
      Thanks

    • @PrashantNirgun
      @PrashantNirgun ปีที่แล้ว

      @@CodeWithHafizJavaid me too faces the same issue so I installed @mdi/font but now the problem is names are totally different. Beside I am not sure that @mdi/font has tree shakable you need to write transpile for it. I am not sure but @mdi/js has that feature so only those icon which you have used in the project are bundled.

  • @LoveWithAdrish
    @LoveWithAdrish ปีที่แล้ว +3

    can you share the repo for the complete project?

    • @CodeWithHafizJavaid
      @CodeWithHafizJavaid  ปีที่แล้ว +1

      You can download the code from here
      github.com/hafizjavaid/youtube2023/tree/nuxt3-vuetify3-cart

  • @ricardopeleira1032
    @ricardopeleira1032 ปีที่แล้ว +1

    good afternoon. How you doing? Please give me the code data.js to complete the tutorial? I'm a web developer

    • @CodeWithHafizJavaid
      @CodeWithHafizJavaid  ปีที่แล้ว +1

      github.com/hafizjavaid/youtube2023/tree/nuxt3-vuetify3-cart

  • @hiro-jq3ng
    @hiro-jq3ng ปีที่แล้ว +1

    amazing bro !!

    • @CodeWithHafizJavaid
      @CodeWithHafizJavaid  ปีที่แล้ว +1

      Glad you like it, brother.
      Please like, and share with your friends
      Thanks

  • @biomedunilag2788
    @biomedunilag2788 4 หลายเดือนก่อน +1

    good afternoon hafiz I am having issues with the loading of images

    • @CodeWithHafizJavaid
      @CodeWithHafizJavaid  4 หลายเดือนก่อน

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

  • @biomedunilag2788
    @biomedunilag2788 4 หลายเดือนก่อน

    The Images aren't loading just the loadiing spinner is what is actually showing

    • @CodeWithHafizJavaid
      @CodeWithHafizJavaid  4 หลายเดือนก่อน

      Can you please show me the code?

    • @biomedunilag2788
      @biomedunilag2788 4 หลายเดือนก่อน

      @@CodeWithHafizJavaid oh yes i can

    • @biomedunilag2788
      @biomedunilag2788 4 หลายเดือนก่อน

      mdi-view-list


      mdi-apps








      {{ product.name }}
      ${{ product.price }}
      Read More

      Add to Cart









      {{ product.name }}
      ${{ product.price }}
      {{ product.description }}

      Read More
      Add to Cart


      import data from '~/data'
      import { useCartStore } from '../stores/cart.js'
      const cartStore = useCartStore()
      const products = ref(data)
      const grid = ref(true)
      Thats the code in my index.vue page

    • @biomedunilag2788
      @biomedunilag2788 4 หลายเดือนก่อน

      Header.vue:18 warn [Vue warn]: Property "theme" was accessed during render but is not defined on instance.
      at at

    • @biomedunilag2788
      @biomedunilag2788 4 หลายเดือนก่อน

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

  • @tungduong3923
    @tungduong3923 ปีที่แล้ว +1

    Can you share link github for this project?

    • @CodeWithHafizJavaid
      @CodeWithHafizJavaid  ปีที่แล้ว +1

      You can download the code from here
      github.com/hafizjavaid/youtube2023/tree/nuxt3-vuetify3-cart

  • @justinsengweb-per70
    @justinsengweb-per70 ปีที่แล้ว +1

    Can I have your code brother?

    • @CodeWithHafizJavaid
      @CodeWithHafizJavaid  ปีที่แล้ว +1

      You can download the code from here
      github.com/hafizjavaid/youtube2023/tree/nuxt3-vuetify3-cart

  • @truthteachers
    @truthteachers ปีที่แล้ว +2

    Great Job, bro. Where is the source code for the video?

    • @CodeWithHafizJavaid
      @CodeWithHafizJavaid  ปีที่แล้ว +1

      Thanks for your feedback brother.
      Please like, and share the video if you like it
      You can download the code from here.
      github.com/hafizjavaid/youtube2023/tree/nuxt3-vuetify3-cart
      Thanks

    • @truthteachers
      @truthteachers ปีที่แล้ว

      @@CodeWithHafizJavaid Thank you so much. ❤

    • @CodeWithHafizJavaid
      @CodeWithHafizJavaid  ปีที่แล้ว

      @@truthteachers My Pleasure