Level 2

Trouble using i18n for having multiple languages for AEM Form On-prem

Im trying to enable translations for a form but I cant seem to "activate it".

I have been following this guide:

With the difference of:

Then i have tried to implement i18n to get custom translations.

So I have:

Added the files
- /apps/i18n/cmmwf/en.translation.json
- /apps/i18n/cmmwf/sv.translation.json (Content below)
{ "firstName.label": "Förnamn", "firstName.help": "Fyll i ditt förnamn", "firstName.error": "Förnamn krävs" }
Changed the value of the field of Title to ${i18n.firstName.label}

But when i go to the form in preview using the parameter "?afAcceptLang=sv" i just see the plain text "${i18n.firstName.label}"

(Url https://Address/editor.html/content/forms/af/Folder-name/forms/Form-name.preview.html?afAcceptLang=sv)

Additional stuff i have tried that gave no change.

Have the title be firstName.label
Added the property "dictionaryPath - String - /apps/i18n/ to /content/forms/af/cmmwf/forms/requests-when-you-work-at-a-public-authority/jcr:content/guideContainer as well to /content/forms/af/cmmwf/forms/requests-when-you-work-at-a-public-authority/jcr:content
When i go to the preview page and open the network dev tools, i dont see any mention of i18 (not 100% sure if i should)

TL:DR

My label on a AEM Form is not getting the value of i18n when i use, ${i18n.key}. What do i do?

Any help appreciated