Issue Title Vue: convert to .vue - use 'render' with 'createElement' in index
What does this MR do?
Converts to more performant .vue
and render: createElement => createElement(Component, { props: {} })
Why was this MR needed?
Improve FE performance