Hey @jimtng
Theres no problem doing it with the label only - I just thought that was what you want. I think, that your recently posted soloution with the text including the text-shadow looks kinda nice.
Yes, every component have its own config properties. I wrote down some usefull sources some time ago, which might help you here. Especially the f7 vue-documentation is very helpful.
The most important feature to see all (most?!) of the available config parameters, is the tooltip that comes up in the editor while writing - you can trigger these tooltips by pressing CTRL+Spacebar
For all f7 components, see the above mentioned f7 vue-documentation. For everything regarding the custom oh-components have a look in the docs
Most of the mentioned f7-components in the docs have examples attached to them which gives you a rough understanding of how the structure of the components should look. IN case of the f7-swiper you can find the documentation here
I’m not sure if I understand you here - the config section is for the properties and the style section is what you say, purely css.
I’m no expert here, but I think theres no way around, running the parse multiple times in the widget.