Genererate a full qualified url with getPathname and a domain based routing

[armandabric]

Is your feature request related to a problem? Please describe.

When working with an external service, I need to give him some return url / callback. I use the getPathname({ href: "/cart", locale: "fr" }) to generate the localized path.

I use domain based localisation, but I did not find a way to generate the path with it's subdomain.

Here my configuration:

export const routing = defineRouting({
  defaultLocale: "en",
  domains: [
    {
      defaultLocale: "en",
      domain: "foo.com",
      locales: ["en"],
    },
    {
      defaultLocale: "fr",
      domain: "foo.fr",
      locales: ["fr"],
    },
    {
      defaultLocale: "it",
      domain: "foo.it",
      locales: ["it"],
    },
    // ...
  ],
  localeCookie: false,
  localeDetection: false,
  localePrefix: "never",
  locales: ["de", "en", "es", "fr", "it", "nl", "pt"],

  pathnames: {
    "/": "/",

    "/cart": {
      de: "/mein-warenkorb",
      en: "/basket",
      es: "/cesta",
      fr: "/mon-panier",
      it: "/il-mio-carrello",
      nl: "/mijn-winkelwagen",
      pt: "/meu-carrinho",
    },

    // ...
  },
});

Describe the solution you'd like

Add an option to generate the pathname with the good domain: forceDomain: true. Or create a new function getUrl({ href: "/cart", locale: "fr", protocol: "https"}).

Describe alternatives you've considered

I have try to use the forcePrefix option: getPathname({ href: "/cart", locale: "fr", forcePrefix: true }) but it only add a locale prefix but no domain: /fr/mon-panier.

[amannn]

You can just concatenate the domain with your pathname as shown in the sitemap example.

I'll move this to a discussion since it seems to be a usage question.