How to prioritise the link in the q-checkbox label, when clicked?

[ajmas]

I have a q-checkbox that I am using for the user to confirm they have read the license agreement. The problem is that clicking on the link results in the checkbox state being changed, rather than the link being followed:

<q-checkbox
  v-model="account.agreeToTerms"
>
  <i18n-t
    keypath="text.readPrivacyPolicy.text"
    tag="span"
  >
    <template #url>
    <a
      :href="agreementUrl"
      target="_blank"
    >
      {{ $t('text.readPrivacyPolicy.link') }}
    </a>
    </template>
  </i18n-t>
</q-checkbox>     

Can anyone suggest how to make this work?

[ajmas]

A little more digging got me the answer I needed. Basically I needed to add @click.stop to the a tag to stop propagation:

<q-checkbox
  v-model="account.agreeToTerms"
>
  <i18n-t
    keypath="text.readPrivacyPolicy.text"
    tag="span"
  >
    <template #url>
    <a
      :href="agreementUrl"
      target="_blank"
      @click.stop
    >
      {{ $t('text.readPrivacyPolicy.link') }}
    </a>
    </template>
  </i18n-t>
</q-checkbox>