While working with Vue.js in IntelliJ IDEA, I encountered a small problem related to defining component templates. The issue is that IntelliJ seems to struggle when the template spans more than one line and attempts to concatenate them together.
For example:
Vue.component('app-button', {
template: '<div class="button-container"><div class="button-outer"><div class="button-inner"></div></div></div>'
});
When attempting to format it for better readability by placing each HTML tag on a separate line:
Vue.component('app-button', {
template: '<div class="button-container">' +
'<div class="button-outer">' +
'<div class="button-inner">' +
'</div>' +
'</div>' +
'</div>'
});
This poses challenges in defining templates efficiently. Is there a way to improve how IntelliJ handles these strings? Alternatively, can templates be defined in a separate file or another method?