Fix: Vuetify's VSelect bug not showing items

[andy9t7]

Hi Trame Community,

I came across a bug where VSelect will not show items and shows instead [object Object]. To explain, in some of the trame examples, you assign items inside vuetify's VSelect widget by dictionaries with "text" key and then the corresponding "value" key. This will cause problems in your VSelect widget.

To fix, change "text" to "title".

vuetify3.VSelect(
            # Representation
            v_model=("mesh_representation", Representation.Surface),
            items=(
                "representations",
                [
                    {"title": "Points", "value": 0},
                    {"title": "Wireframe", "value": 1},
                    {"title": "Surface", "value": 2},
                    {"title": "SurfaceWithEdges", "value": 3},
                ],
            ),
            label="Representation",
            hide_details=True,
            dense=True,
            outlined=True,
        )

I will post this here in case anyone has the same issue.

Kind regards,

Andy

[jourdain]

Not really a bug, just a different API between v2 and v3.

If you wanted to keep the same structure, you could have set item_title="text"

[jourdain]

The migration guide capture that here