我想要得到一个随机的v-for模板，而不是相同的

<template>
  <div>
    <div v-for="template in randomTemplates" :key="template.id">
      <!-- 在这里根据模板类型渲染不同的内容 -->
      <component :is="template.component"></component>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      templates: [
        { id: 1, component: 'TemplateA' },
        { id: 2, component: 'TemplateB' },
        { id: 3, component: 'TemplateC' },
      ],
    };
  },
  computed: {
    randomTemplates() {
      // 随机选择一个模板
      const randomIndex = Math.floor(Math.random() * this.templates.length);
      return [this.templates[randomIndex]];
    },
  },
};
</script>