在VsCode如何将Vue中或JS格式包含对象的数组每个对象占一行而不是一个对象占据多行的格式?

Question

我最先使用的是配置了vetur的插件在settings.json中,是可以实现template部分的格式化;
但是在vetur(js-beautify)和perttier中都找不到的相关的配置可以将包含对象的数组格式化成, 对象占据一行的格式.
eslint我没有在使用, 如果可以实现这样个格式,并不限制插件和方式,但是VsCode和vue中是限定的.

//在Vue中的js
export default {
  data() {
    return {
      isDrawer: false,
      form: "",
      //prettier找不到相关配置格式化成这样的格式,在VsCode中
      arr:[
        {a:1,b:1,},
        {a:1,b:3,}
      ]
  }},
}

//普通js
const rules={
  loginName:[
    {max:20,message:"登录名称为20个字符"},
    {required:true,pattern:/^1[0-9]{10}$/,message:"登录名格式不正确"}
  ],
  name:[
    {max:20,message:"姓名最长为20个字符"},
    {required:true,message:"姓名不能为空"},
    {pattern:/^(?!\s+).*(?<!\s)$/,message:"姓名不能为空"}
  ]
};