Trailing Slash Setting Ignored

[itsmatteomanf]

Describe the bug

In the <HeadHrefLangs /> output, regardless of the setting of the trailingSlash config in Astro (https://docs.astro.build/en/reference/configuration-reference/#trailingslash) the output is always without them.
This is contrasted to what the docs say and show (https://github.com/yassinedoghri/astro-i18next#headhreflangs-component).

To Reproduce

Deploy any website, with the package installed, setting whichever trailingSlash and/or site name you want, with or without trailing slash.

Expected behavior

Ideally it would offer a way to configure this (or use the main Astro setting, but I'd personally prefer the setting).

Context (please complete the following information):

• astro-i18next version: [1.0.0-beta.17]
• astro version: [2.0.6]

[Temez1]

Same issue with localizePath().

Eg. homePath = localizePath("/")

produces "/es" (Spanish) and Astro.url.pathname is "/es/" in production builds. In dev mode the Astro.url.pathname is "/es".

I believe this has to do with the previous fix #77

[itsmatteomanf]

This issue messes a lot with Google Indexing if you have all pages indexed with the trailing slash...

[ein-gg]

I've got same problem.

localizeUrl do this things. In this commit this problem maden I think.

---

It's realy necessary to have similar with canonical hreflang structure.

Temporary manually fix for me:

1. Create HeadHreflangs.astro inside /src/components/ with this code inside:

---
import i18next from "i18next";
import { localizeUrl } from "astro-i18next";

const supportedLanguages = i18next.languages;
const currentUrl = Astro.url.href;

const hreflangs = [];

supportedLanguages.map((supportedLanguage) => {
  const url = localizeUrl(currentUrl, supportedLanguage);

  hreflangs.push(
    `<link rel="alternate" hreflang="${supportedLanguage}" href="${
      url[url.length - 1] !== "/" ? url + "/" : url
    }" />`
  );
});

---

{
  hreflangs.map((hreflang) => {
    return <Fragment set:html={hreflang} />;
  })
}

2. Replace original import from astro-i18next/components to your component file.

import { HeadHrefLangs } from "astro-i18next/components";

For me it looks like:

import HeadHrefLangs from "../HeadHreflangs.astro";

3. Use it, and don't forget to return the original component when the problem is fixed.

[github-actions]

🎉 This issue has been resolved in version 1.0.0-beta.18 🎉

The release is available on:

• npm package (@beta dist-tag)
• GitHub release

Your semantic-release bot 📦🚀