image src bind error using images in static i.e public folder

[bagladivyang03]

          <div v-for="(a,index) in card_data"  :key="index" class=" xs:tw-col-span-3 md:tw-col-span-1 xl:tw-col-span-1 ">
            <q-card  class="bg-grey-1">
              <q-card-section class="tw-border-b-2 tw-border-gray-800 bg-grey-1">
                <div class="xs:tw-text-lg md:tw-text-xs xl:tw-text-2xl tw-text-center tw-text-gray-800 tw-font-sans tw-font-semibold">{{a.name}}</div>
              </q-card-section>
                <q-carousel
                  animated
                  class="xs:tw-h-40 lg:tw-h-64"
                  v-model="a.slider_d"
                  autoplay
                  navigation
                  navigation-position="right"
                  ref="carousel"
                  control-color="grey-8"
                  infinite
                >
                  <q-carousel-slide v-for="(img,index) in a.img_arr" :key="index" :name="index" class="q-pa-none">
                      <img :src="img" class="fit" style="">
                  </q-carousel-slide>
                </q-carousel>
              <a href="https://incentius.com/" target="_blank">  
                  <q-card-section class="tw-rounded-lg bg-grey-1 tw-cursor-pointer" > 
                    <div class="xs:tw-text-sm xl:tw-text-xl tw-font-normal tw-my-2">Overview</div>
                    <span class="xs:tw-text-xs xl:tw-text-sm">{{a.overview}}</span>
                  </q-card-section>
                </a>
            </q-card>
          </div>

This is my above code where I have tried binding by iterating over an array

Below is the array on which I m iterating

card_data:[
        {
          name: 'BI Dashboard',
          img_arr: ["'images/statics/bi_dash1.jpg'","'images/statics/bi_dash1.jpg'"],
          overview: 'Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime mollitia molestiae quas vel sint commodi repudiandae consequuntur voluptatum laborum numquam blanditiis harum quisquam eius sed odit fugiat iusto fuga praesentium optio, eaque rerum! Provident similique accusantium nemo autem.',
          slider_d: 0
        },
        {
          name: 'Accounts Receivable Dashboard',
          img_arr: ["'images/statics/acc_recv.png'"],
          overview: 'Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime mollitia molestiae quas vel sint commodi repudiandae consequuntur voluptatum laborum numquam blanditiis harum quisquam eius sed odit fugiat iusto fuga praesentium optio, eaque rerum! Provident similique accusantium nemo autem.',
          slider_d: 0
        },
        {
          name: 'Inventory Dashboard',
          img_arr: ["'images/statics/inven1.png'","'images/statics/inven2.png'"],
          overview: 'Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime mollitia molestiae quas vel sint commodi repudiandae consequuntur voluptatum laborum numquam blanditiis harum quisquam eius sed odit fugiat iusto fuga praesentium optio, eaque rerum! Provident similique accusantium nemo autem.',
          slider_d: 0
        },
]

and I m getting this error below

Can anyone pls tell how to bind the images in quasar I saw on the documentation and add all the images in one folder in public folder.
But still, I m getting the error
Anyone pls help asap.

[bagladivyang03]

@rstoenescu Can u pls tell how to solve this.

[ontwikkelfabriek]

@bagladivyang03

Please just look at the url from the errors. There are single quotes in the url, remove them in your array.

[bagladivyang03]

Thanks, it works !!