如何将超链接添加到v-data-table组件的Application列？

<template>
  <v-data-table
    :headers="headers"
    :items="applications"
    item-key="id"
  >
    <template v-slot:item.application="{ item }">
      <a :href="item.link">{{ item.application }}</a>
    </template>
  </v-data-table>
</template>

<script>
export default {
  data() {
    return {
      headers: [
        { text: 'Application', value: 'application' },
        // 其他列的定义
      ],
      applications: [
        { id: 1, application: 'App 1', link: 'https://example.com/app1' },
        { id: 2, application: 'App 2', link: 'https://example.com/app2' },
        // 其他应用的数据
      ]
    };
  }
};
</script>