UI Component throws error only when running build

[phgrund]

I'm trying to build my first quasar extension with UI, and it works normally when testing running yarn run dev (or using in another Quasar project), but, whenever I try to build with yarn run build, it gives me the following error:

SyntaxError: Adjacent JSX elements must be wrapped in an enclosing tag (18:0)
loc: Position {
  line: 18,
  column: 0,
  file: '/home/phgrund/.dev/vixtecnologia/vix-base/ui/src/components/VixQChip.vue'
}

Here is the component I'm building:

<template>
  <q-chip
    v-on:click="evt => $emit('click', evt)"
    v-on:remove="state => $emit('remove', state)"
    v-bind:icon="icon"
    v-bind:style="chipStyle"
    v-bind:text-color="color"
    v-bind:removable="removable"
    v-bind:clickable="clickable"
    class="text-weight-medium vix-q-chip"
    square
  >
    <slot v-bind:label="label">
      {{ label }}
    </slot>
  </q-chip>
</template>
<script>
import { defineComponent, computed } from 'vue'
import { colors } from 'quasar'
const { getPaletteColor, hexToRgb } = colors

export default defineComponent({
  name: 'VixQChip',
  props: {
    color: {
      type: String,
      default: 'grey',
      validator: val => getPaletteColor(val) !== '#000000' || val === 'black'
    },
    label: {},
    icon: String,
    removable: Boolean,
    clickable: Boolean
  },
  emits: ['remove', 'click'],
  setup (props) {
    const rgbColor = computed(() => {
      const { r, g, b } = hexToRgb(getPaletteColor(props.color))

      return `${r}, ${g}, ${b}`
    })
    const chipStyle = computed(() => {
      return {
        background: `rgba(${rgbColor.value}, 0.35)`
      }
    })

    return {
      chipStyle
    }
  }
})
</script>
<style lang="scss">
.vix-q-chip > .q-chip__content > .ellipsis {
  margin: 0 auto;
}
</style>

For some reason I have to use v-bind and v-on, or else it gives me an error

[rdonadeu]

Did you Manage to solve this?