Bitrix Framework

Clickable variables in template

For your template to be not just an HTML text and have an operational semantic highlighting in PhpStorm - indicate a special tag before the template:

// language=Vue
template: `
	...
`

Focus and animations

When you use fade-in animation (content appears outside area of visibility), do not use autofocus commands, because browser will immediately focus on the element outside the visibility area and animation will look not as intended.

directives:
{
	focus:
	{
		inserted(element, params)
		{
			element.focus();
		}
	}
},