I am creating a custom panel field using vue. That field does not replace the files field but is a seperate field that is used to create a gallery of images. Within the field I use the native kirby file picker and upload functionality. I have all the images as their uuid strings in my components data and now would like to know how I can display them in the panel. In the frontend I would do something like kirby()->file(‘UUID’) to get additional information about the file. How can Ii retrieve additional information within the vue component (source and others)?
I know that is should be possible since the native files field is also just saving the uuids to the pages content and somehow displays filename and the image itself in the panel. I could not find it in the panels source code and afaik there is no official documentation of the panel itself (in the same way all the php stuff is documented).
Even though not the prettiest solution I came up with:
this.$api.files.get()
Still happy to get additional input on how to solve it in a better way.
In that sense you are ahead of us as the core files field actually doesn’t just send the uuids but a full object with all the information from the backend to the Panel. Only then when saving it to the content file it reduces it to only the UUID. We think this isn’t great and plan to eventually change it to also only communicating the UUIDs as values and then having the Panel load the additional data to display it from the API. So what you’re doing isn’t wrong - it might have some performance issues but I can’t give many tipps there as we haven’t faced this ourselves either.