使用vuetify3编写一段展示当前目录文件的代码，要求使用Breadcrumbs展示当前路径

您好，以下是使用 Vuetify 3 编写展示当前目录文件的代码，使用了 Breadcrumbs 展示当前路径：

<template>
  <div>
    <v-breadcrumbs :items="breadcrumbs"></v-breadcrumbs>
    <v-card>
      <v-card-title>当前目录文件</v-card-title>
      <v-card-text>
        <v-list>
          <v-list-item v-for="file in files" :key="file.path">
            <v-list-item-content>
              <v-list-item-title v-text="file.name"></v-list-item-title>
            </v-list-item-content>
          </v-list-item>
        </v-list>
      </v-card-text>
    </v-card>
  </div>
</template>

<script>
export default {
  data() {
    return {
      files: [
        { path: '/home/user/', name: 'file1.txt' },
        { path: '/home/user/', name: 'file2.jpeg' },
        { path: '/home/user/folder1/', name: 'file3.doc' },
        { path: '/home/user/folder1/', name: 'file4.pdf' },
      ],
    };
  },
  computed: {
    breadcrumbs() {
      const paths = [];
      let currentPath = '';
      return this.$route.path.split('/').filter((path) => path !== '').map((path) => {
        currentPath += `/${path}`;
        paths.push(currentPath);
        return {
          text: path,
          disabled: true,
          href: paths.slice().join('/'),
        }
      });
    },
  },
};
</script>

请注意，此代码仅为示例代码，需要根据您的具体需求进行相应更改。同时，建议您在实际使用中确保文件路径的合法性，避免潜在安全问题。