Ejercicio de programación con Vuejs: Uso de la directiva v-for en Vuejs

Desarrolla un componente de Vue que renderice una lista de productos utilizando la directiva v-for. Cada producto debe mostrar su nombre y precio. Además, incluye un botón que permita duplicar un producto específico en la lista al hacer clic sobre él.

Requisitos:

Crea una lista de productos en el estado de tu componente. Cada producto debe ser un objeto con las propiedades id, nombre y precio.

Utiliza la directiva v-for para iterar sobre la lista de productos y renderizar un elemento de lista (<li>) para cada producto, mostrando su nombre y precio.

Cada elemento de la lista debe tener un botón "Duplicar" que, al ser clicado, añada un producto idéntico al final de la lista. Asegúrate de que cada producto duplicado tenga un id único.

Implementa la propiedad :key en cada elemento de la lista para optimizar el rendimiento del renderizado.