fix : title does not break

[syui]

This temporarily avoids the issue of h2 not wrapping.

It seems that this cannot be avoided using break-words etc.

[google transalte]

<h2 class="break-all whitespace-pre-wrap">
 0123456789012345678901234567890123456789012345678901234567890123456789
</h2>

[will-corrigan]

Hey, thanks for taking a look into this. I've done a bit of research and found this helpful article and this github issue about the problem with Tailwind classes and I think if we implement the utility classes mentioned it should work:

supports-[overflow-wrap:anywhere]:[overflow-wrap:anywhere]
supports-[not(overflow-wrap:anywhere)]:[word-break:normal]

or we can just use [overflow-wrap:anywhere] in the <a> tag className.

[syui]

thx, It seems so.

The following solution is also possible, but is more complicated:

// https://github.com/tailwindlabs/tailwindcss/pull/12128#issuecomment-2225349386
import plugin from 'tailwindcss/plugin.js';

plugins: [
  plugin(({addUtilities}) => {
    addUtilities({
      '.break-anywhere': {
        'overflow-wrap': 'anywhere',
      },
    });
  }),
],

[will-corrigan]

thx, It seems so.

The following solution is also possible, but is more complicated:

// https://github.com/tailwindlabs/tailwindcss/pull/12128#issuecomment-2225349386
import plugin from 'tailwindcss/plugin.js';

plugins: [
  plugin(({addUtilities}) => {
    addUtilities({
      '.break-anywhere': {
        'overflow-wrap': 'anywhere',
      },
    });
  }),
],

think for now we should probably just add [overflow-wrap:anywhere] in the <a> tag with a todo or comment with a link to the github issue/discussion and wait for tailwind to implement it

[syui]

Yes. If you notice that the tailwindcss PR has been merged, please close this PR.
If I notice anything, I'll update the PR.
[google translate]