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