Hello, I'm currently attempting to organize multiple V-Chips alphabetically. Does anyone have any suggestions?
Here is the code snippet I am working with. I want to display all my V-Chips in alphabetical order. Should I sort my array or is there a specific property in Vuetify that can handle this automatically? Any assistance would be greatly appreciated.
<template>
<div class="pa-4">
<v-chip-group
active-class="primary--text"
column
>
<v-chip
v-for="tag in tags"
:key="tag"
>
{{ tag }}
</v-chip>
</v-chip-group>
</div>
</template>
<script>
export default {
data: () => ({
tags: [
'Work',
'Home Improvement',
'Vacation',
'Food',
'Drawers',
'Shopping',
'Art',
'Tech',
'Creative Writing',
],
}),
}
</script>