Is there a method to merge template elements together? I've created this loop template, but I'm struggling to concatenate or join multiple items. When I try placing the + within the <kbd> tag, an extra + ends up at the end and it remains inside the kbd tag (I want it outside of the tag).
<template>
<kbd v-for="(v, i) in item" :key="i">{{ v }}</kbd>
</template>
The data structure I am working with looks something like this (I'm actually using a store):
data: () {
return {
item: [ 'a', 'b', 'c' ]
}
}
The desired output that I am aiming for is:
<kbd>a</kbd> + <kbd>b</kbd> + <kbd>c</kbd>