Translate Instructions

The current way to customize the instructions is to put a crossword-instructions.html.twig in your site's theme and then make the text whatever you want.

That's clumsy though because it assumes the site has a custom theme, which isn't always the case.

One option would be to wrap all the bits of text in crossword-instructions.html.twig in {% trans %} tags, which would allow translation through the UI. That might be good enough?

I'm not too familiar with translation and internationalization from the site-building perspective, so your insight would be helpful here.

+++ b/templates/crossword-instructions.html.twig
@@ -1,67 +1,66 @@
       <div>
-        <dt>Arrow keys:</dt>
-        <dd>Move active square.</dd>
+        <dt>:</dt>
+        <dd>{{ 'Move active square'|t }}.</dd>
       </div>

Looks like you missed "Arrow Keys"

Other than that it looks good when I test it out. If you make that update I'll commit.

I have a question about a comment you made though:

No need now to face the "context" element in translation.

I don't see any difference between using |t and using {% trans %}. Could you clarify?

Also, would you be able to provide an Italian translation for the instructions? I'm new to this, so I'm not sure if that goes in the module or if it goes to localize.drupal.org. But that would be really cool.

Committed patch from #8. Thanks for the patch and for teaching me about translation, @afagioli.

Thanks for the link, @afagioli. I've opened a new ticket for discussion and planning if you're interested: #3232748: Translation and Internationalization.