It would be great to be able to pass in props and locale in the dev server UI

[dhalbrook]

Since Maizzle is now using a Vue-based render engine, it would be great to have a part of the dev console UI where you could pass in a JSON object for props for any given template, as well as a language/locale. We generate emails in multiple languages and a number of our emails have conditional logic, so these changes would make it much faster to validate them before shipping. Thanks!

[dhalbrook]

I can try to make these changes and open a PR when I get some free time.

[cossssmin]

Help me understand why it would be better than just having the JSON files in the project and simply using the i18n guide, ready to use in any template not just the one you're currently viewing?

https://maizzle.com/docs/development/i18n

[dhalbrook]

Just to note, this is a nice to have just to do a quick visual verification of the outputs. Our templates include i18n strings in 3 different languages with interpolated placeholder values. As it stands we're putting in default values like "John Doe" in the Vue props so that the dev server fills in the placeholder with something, but there are certain cases where we want to check line breaks, formatting etc on pathological input where it might break the template. We can do that by changing the default values in the template itself, but it would be nice to be able to mess with it directly from the dev UI, as well as flip between language bundles (again, doable by editing the maizzle.config.ts file and the active locale).

Maybe I'll do a little mockup of what I'm thinking because I'm not sure I'm explaining it all that well.