query parameters on module page result in hydration mismatch

[danielroe]

(reported on discord) you can see by hard-reloading https://nuxt.com/modules?q=svg, for example.

probably similar to #1417

[benjamincanac]

@danielroe Any hint on how to fix this?

[danielroe]

I would suggest all filtering needs to take effect on client side after mount, or these categories need to be not query strings, but part of the URL.

[atinux]

This will be fixed once we move to SSR mode

[Barbapapazes]

same as https://github.com/unjs/website/pull/245/files#diff-7cf52a09046782a904949a0234e9fcc2ff01096b0a9ff93788c5d65bf03f2848R224.

I've got the same issue for UnJS website. Using the new Vue flag (and advice from Daniel), https://vuejs.org/api/compile-time-flags.html#VUE_PROD_HYDRATATION_MISMATCH_DETAILS, helps me to debug this.