[Bug report] Hydration attribute mismatch with theme-default

[Mister-Hope]

Description

See console

Reproduction

https://ecosystem.vuejs.press/

Used Package Manager

pnpm

System Info

.

[Mister-Hope]

@pengzhanbo Need some help here, I am not finding the reason myself

[pengzhanbo]

<a aria-label="Theme Guidelines" class="route-link auto-link" href="/themes/guidelines"><!---->Theme Guidelines<!----></a>

  - rendered on server: href="/themes/guidelines"
  - expected on client: href="/themes/guidelines.html"
  Note: this mismatch is check-only. The DOM will not be rectified in production due to performance overhead.
  You should fix the source of the mismatch.

The <AutoLink> component has inconsistent results between SSR and client-side rendering when handling the href attribute.

[pengzhanbo]

But when I built it locally and checked the SSR output, it turned out to be normal.

[Mister-Hope]

Yes, and that's why I am confusing.

The console warning seems to be another confusion, as such detailed msg should only be outputted with a VUE_XXX to be true, and that needs a --debug flag

[pengzhanbo]

I checked the build process in workflows/release.yml, and in jobs deploy-docs, it executes pnpm build instead of pnpm bundle. Is there a problem with that?

I also checked the output on the netlify branch. In the index.html of the branch, the build output is normal. However, the source code online is inconsistent with the branch source code.

[Mister-Hope]

Fixed. Pretty URLs is default on for all Netlify sites, and should be manually toggled to 'off', a manually redeploy is needed to sync the configuration changes.