0👍
I received an answer on Vue forum, pasting it here for someone else’s benefit (thanks skirtle) – everything works fine after amending as described below:
It’s not a problem with how you’re registering the components.
The main problem is this line:
<l-tile-layer :url="ll.url"/>
You need to change it to:
<l-tile-layer :url="ll.url"></l-tile-layer>
Because you’re using an
in-DOM template it’ll be parsed as HTML by the browser before Vue gets
anywhere near it. The browser’s parser doesn’t support self-closing
tags using a trailing />. The result is the tags that follow the
will be treated as children rather than siblings.Once you fix that you’ll get a couple of validation errors because
your second circle is missing some : prefixes on its attributes.Then you’ll get an error because you haven’t registered l-popup but if
you zoom out you’ll see your circles.