vee-validateの正規表現バリデーションができない

Question

Nuxt.jsを使っており、フォーム作成のために、vee-validateを使って値チェックをしようとしたのですが上手くいきません。

requiredは、他のフォーム部分で使用できてバリデーションが発火し、エラー分が出るのですが、regexのほうがバリデーションがかかりません。おそらく下記の（正規表現書いてあるあたり？）どこかが間違えていると思うのですが、わかる方がいらっしゃいましたら教えて下さい。

pages/form.vue

// 略
 <validation-provider
    v-slot="{ errors }"
    rules="{ regex: /^([a-zA-Z0-9][a-zA-Z0-9-]*[a-zA-Z0-9]*.)+[a-zA-Z]{2,}$/ }"
    names="登録URL">

plugins/vee-validate.js

import { extend, configure } from 'vee-validate'
import { regex } from 'vee-validate/dist/rules'

configure({
  classes: {
    invalid: 'is-error',
  },
})

extend('regex', {
  ...regex,
  message: '{_field_}の形式が不正です',
})

extend('required', {
  ...required,
  message: '{_field_}は必須です',
})