MarkerCluster options with style not working on Nuxt 3

[select-good-way]

<MarkerCluster

            :options="{

              styles: [
                {
                  textColor: 'red',
                  textSize: 50,
                  height: 50,
                  width: 50,
                  url: 'https://example.com/public/map-icons/map-cluster.svg',
                },
                {
                  textColor: 'red',
                  textSize: 50,
                  height: 50,
                  width: 50,
                 url: 'https://example.com/public/map-icons/map-cluster.svg',
                },
              ],
            }"
          >

and also please assist how to handle different icons for different counts and if five maker have same Lt,Lg in the cluster then prevent click to zoom