Removing the trailing "/" of the domain specified in metadata.js

[ironfish1000]

I am using the 11ty / eleventy-base-blog at:
github.com/11ty/eleventy-base-blog

This starter package has metadata.js file with:

export default {
	title: "Eleventy Base Blog v9",
	url: "https://example.com/",

in it.

I am creating code to generate meta tags etc.
For eg the Canonical URL I would like to use:
<link rel="canonical" href="{{ metadata.url }}{{ page.url }}">

BUT this creates eg:
https://example.com//page-url/
with a double "//" after the domain.

So in metadata.js I would like to remove the trailing /:

export default {
	title: "Eleventy Base Blog v9",
	url: "https://example.com",

BUT I am concerned that doing this will break other default parts of the starter package. IE the trailing / has been added to the example.com by default because it is absolutely necessary for the starter package to function properly.

Any help on which way to resolve this is much appreciated.

Edit: I just discovered:
<link rel="canonical" href="{{ page.url | absoluteUrl(metadata.url) }}">
provides the absolute url correctly - is this the best way to go?