Fix inconsistent quotation marks in GridMotionDemo.vue

This commit is contained in:
David Haz
2025-07-12 13:42:20 +03:00
parent c94862718e
commit 230f44f6e0

View File

@@ -59,27 +59,27 @@ const images = Array.from({ length: numberOfImages }, () => imageUrl);
const items = [ const items = [
'Item 1', 'Item 1',
`<div key='item-1'>Custom Content</div>`, `<div key="item-1">Custom Content</div>`,
'https://images.unsplash.com/photo-1723403804231-f4e9b515fe9d?q=80&w=3870&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D', 'https://images.unsplash.com/photo-1723403804231-f4e9b515fe9d?q=80&w=3870&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
'Item 2', 'Item 2',
`<div key='item-1'>Custom Content</div>`, `<div key="item-2">Custom Content</div>`,
'Item 4', 'Item 4',
`<div key='item-1'>Custom Content</div>`, `<div key="item-3">Custom Content</div>`,
'https://images.unsplash.com/photo-1723403804231-f4e9b515fe9d?q=80&w=3870&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D', 'https://images.unsplash.com/photo-1723403804231-f4e9b515fe9d?q=80&w=3870&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
'Item 5', 'Item 5',
`<div key='item-1'>Custom Content</div>`, `<div key="item-4">Custom Content</div>`,
'Item 7', 'Item 7',
`<div key='item-1'>Custom Content</div>`, `<div key="item-5">Custom Content</div>`,
'https://images.unsplash.com/photo-1723403804231-f4e9b515fe9d?q=80&w=3870&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D', 'https://images.unsplash.com/photo-1723403804231-f4e9b515fe9d?q=80&w=3870&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
'Item 8', 'Item 8',
`<div key='item-1'>Custom Content</div>`, `<div key="item-6">Custom Content</div>`,
'Item 10', 'Item 10',
`<div key='item-1'>Custom Content</div>`, `<div key="item-7">Custom Content</div>`,
'https://images.unsplash.com/photo-1723403804231-f4e9b515fe9d?q=80&w=3870&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D', 'https://images.unsplash.com/photo-1723403804231-f4e9b515fe9d?q=80&w=3870&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
'Item 11', 'Item 11',
`<div key='item-1'>Custom Content</div>`, `<div key="item-8">Custom Content</div>`,
'Item 13', 'Item 13',
`<div key='item-1'>Custom Content</div>`, `<div key="item-9">Custom Content</div>`,
'https://images.unsplash.com/photo-1723403804231-f4e9b515fe9d?q=80&w=3870&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D', 'https://images.unsplash.com/photo-1723403804231-f4e9b515fe9d?q=80&w=3870&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
'Item 14' 'Item 14'
]; ];