vscode不会在vue文件中更改为单引号

Question

我正在Vue中编写vscode个应用程序，而我使用的是prettier。

我在tslint.json中添加了单引号规则：

"quotemark": [true, "single"]

我也将singleQuote添加到settings.json：

"prettier.singleQuote": true

但是当我在vue文件中格式化代码时，vscode不会从双引号变为单引号。但可以在ts文件中使用。

App.Vue：

<template>
  <div class="home">
    <img alt="Vue logo" src="../assets/logo.png">
  </div>
</template>

<script lang="ts">
import { Component, Vue } from "vue-property-decorator";

@Component({})
export default class Home extends Vue {}
</script>

任何想法为何？以及我能做什么？