format格式化VUE一定要在script，style里直接统一缩进吗

如：

<style scoped>  
.el-carousel,  
.el-container {  
    height: 100%;  
}  

.main {  
    position: absolute;  
    height: 100%;  
    width: 100%;  
}  

.el-main {  
    background-color: #E9EEF3;  
    color: #333;  
    text-align: center;  
    padding: 0;  
    height: calc(100% - 60px);  
    min-height: 700px;  
    width: 100%;  
    font-size: 12px;  
}  

.particles {  
    position: fixed;  
    width: 100%;  
    height: 100%;  
    z-index: 3;  
}  

.el-main .login-body {  
    position: absolute;  
    z-index: 4;  
    width: 90%;   
    max-width: 350px;  
    right: 5%;  
}  

.el-footer {  
    background-color: #34495e;  
    color: #FFF;  
    min-height: 60px;  
    font-size: 12px;  
    padding-top: 10px;  
    padding-bottom: 10px;  
    width: 100%;  
}  

.el-footer .el-row {  
    z-index: 3;  
}  
</style>

格式完后就必须是：

<style scoped>  
    .el-carousel,  
    .el-container {  
        height: 100%;  
    }  

    .main {  
        position: absolute;  
        height: 100%;  
        width: 100%;  
    }  

    .el-main {  
        background-color: #E9EEF3;  
        color: #333;  
        text-align: center;  
        padding: 0;  
        height: calc(100% - 60px);  
        min-height: 700px;  
        width: 100%;  
        font-size: 12px;  
    }  

    .particles {  
        position: fixed;  
        width: 100%;  
        height: 100%;  
        z-index: 3;  
    }  

    .el-main .login-body {  
        position: absolute;  
        z-index: 4;  
        width: 90%;  
        max-width: 350px;  
        right: 5%;  
    }  

    .el-footer {  
        background-color: #34495e;  
        color: #FFF;  
        min-height: 60px;  
        font-size: 12px;  
        padding-top: 10px;  
        padding-bottom: 10px;  
        width: 100%;  
    }  

    .el-footer .el-row {  
        z-index: 3;  
    }  
</style>