So, it was all there in the FAQ
Just needed to be more focused. I will document it here for others since the official documentation is react-focused. (Maybe this example will find its way into the official docu for vue-folks like me).
The Renderer has two exports:
- default = Component
- entry = RendererRegistryEntry holding the component and the tester
Since the registry entry needs both, the component and the tester, the Import into my View needed a simple change (see below).
to
import { entry as ArrayListRenderer } from "@/components/jsonforms/ArrayListRenderer.vue";
All that‘s left now is to set the rank to 3, so the custom renderer is always picked instead of the default vanillaRenderer.