vl-style-func not working

Hi, we tried to use vl-style-func to style my points like that:

<vl-layer-vector>
 <vl-source-cluster v-bind:distance="15">
  <vl-source-vector v-bind:features="featuresMap.features" />
 </vl-source-cluster>
 <vl-style-func v-bind:function="clusterStyle" />
</vl-layer-vector>

clusterStyle() {
 return (feature) => {
  return new Style({
   image: new Circle({
   fill: new Fill({ color: "#fff" }),
   stroke: new Stroke({ color: "blue", width: 1.5 }),
   radius: 10,
  }),
  text: new Text({
   text: String(feature.get("features").length),
   }),
  });
 };
},

But nothing is displayed. For context we’re using vuelayers “0.12.0-rc.26”. Can please someone help us understanding how to use correctly the vl-style-func component?

[ghettovoice]

Hello @BlazeRed ,

regarding your first question about style function:

in v0.12 vl-style-func now accepts style function instead of style function factory, so you need to adjust clusterStyle method:

clusterStyle(feature) { // take a not that method now is style function itself
    return new Style({
        image: new Circle({
            fill: new Fill({ color: "#fff" }),
            stroke: new Stroke({ color: "blue", width: 1.5 }),
            radius: 10,
        }),
        text: new Text({
            text: String(feature.get("features").length),
        }),
    });
},

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.