34 lines
721 B
Vue
34 lines
721 B
Vue
|
<script setup>
|
||
|
|
const items = [
|
||
|
|
{
|
||
|
|
text: 'Cupcake sesame snaps dessert marzipan.',
|
||
|
|
icon: 'tabler-brand-instagram',
|
||
|
|
},
|
||
|
|
{
|
||
|
|
text: 'Jelly beans jelly-o gummi bears chupa chups marshmallow.',
|
||
|
|
icon: 'tabler-brand-facebook',
|
||
|
|
},
|
||
|
|
{
|
||
|
|
text: 'Bonbon macaroon gummies pie jelly',
|
||
|
|
icon: 'tabler-brand-twitter',
|
||
|
|
},
|
||
|
|
]
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<VList>
|
||
|
|
<VListItem
|
||
|
|
v-for="(item, i) in items"
|
||
|
|
:key="i"
|
||
|
|
:value="item.text"
|
||
|
|
rounded="shaped"
|
||
|
|
>
|
||
|
|
<template #prepend>
|
||
|
|
<VIcon :icon="item.icon" />
|
||
|
|
</template>
|
||
|
|
<!-- eslint-disable-next-line vue/no-v-text-v-html-on-component -->
|
||
|
|
<VListItemTitle v-text="item.text" />
|
||
|
|
</VListItem>
|
||
|
|
</VList>
|
||
|
|
</template>
|