viT-1/conf-message-strings.md

Created December 22, 2023 10:35

Star () You must be signed in to star a gist
Fork () You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/viT-1/f97aa3e138bd382380bb8f019c3a2d93.js"></script>
Save viT-1/f97aa3e138bd382380bb8f019c3a2d93 to your computer and use it in GitHub Desktop.

Download ZIP

#gist-bookmark #js #i18n #vue

Raw

conf-message-strings.md

We have standard way: Template literals.

const str = `${0} ${'foo'}!`;
fn('Hello', {foo: 'World'});

i18n Vue has another way: Linked locale messages

Author

viT-1 commented Feb 7, 2024

Tiny Mustache template renderer:

const json = {
	template: 'by formula: {{formula}}',
	formula: 'SP+{{gamma}}*25',
	gamma: '({{delta}}+4)',
	delta: 2,
};

function render (tmpl, obj) {
	const regex = new RegExp('{{([^}]+)}}', 'g');
	var rendered;
	
	const regReplacerFn = function (match, prop) {
		var retVal = obj[prop];

		if (typeof retVal !== 'string' ||
			typeof retVal === 'string' && retVal.indexOf('{{') == -1) {
			return retVal;
		}
		
		return retVal.replace(regex, regReplacerFn);
	};
	
	rendered = tmpl.replace(regex, regReplacerFn);
	
	return rendered;
}

console.log(render(json.template, json));