如何在vuetify中制作v-for中的V-骨架加载器？

<template>
  <div>
    <v-skeleton-loader
      v-for="item in items"
      :key="item.id"
      type="list-item-three-line"
      :loading="loading"
    ></v-skeleton-loader>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: [], // 数据列表
      loading: true, // 加载状态
    };
  },
  mounted() {
    // 模拟异步加载数据
    setTimeout(() => {
      this.items = [
        { id: 1, title: 'Item 1', description: 'Description 1' },
        { id: 2, title: 'Item 2', description: 'Description 2' },
        { id: 3, title: 'Item 3', description: 'Description 3' },
      ];
      this.loading = false; // 数据加载完成，loading状态设为false
    }, 2000);
  },
};
</script>