Vue的template属性内的html如何格式化？

js文件里，Vue的template属性内的html如何格式化？代码如下：

Vue.component('top-bar', {  
    template: `<div      class="top-bar">Top bar</div>`  
})

<div class="top-bar">Top bar</div> 这部分代码，使用HBuilderX如何格式化？