Требовать и регулярное выражение с vee-validate

Я пытаюсь установить атрибуты required и regex с помощью vee-validate. Бит регулярного выражения работает отлично, но как только я добавляю обязательный атрибут, весь элемент управления исчезает из формы.

Это отлично работает (рабочий пример), но отсутствует обязательный атрибут (многострочный для облегчения чтения):

<input 
  v-validate = "{ regex:/^((\d{3})[ -]|(\d{3}[ -]?)){2}\d{4}$/ }" 
  :class = "{'input': true, 'is-danger': errors.has('phonenumber') }" 
  class = "input is-primary" 
  name = "phonenumber" 
  type = "text" 
  placeholder = "404-555-1212"
> <!-- end input -->

Это приводит к исчезновению всей формы (рабочий пример) (многострочный для облегчения чтения):

<input 
  v-validate = "{ required|regex:/^((\d{3})[ -]|(\d{3}[ -]?)){2}\d{4}$/ }" 
  :class = "{'input': true, 'is-danger': errors.has('phonenumber') }" 
  class = "input is-primary" 
  name = "phonenumber" 
  type = "text" 
  placeholder = "404-555-1212"
> <!-- end input -->

Я пробовал использовать запятую для разделения атрибутов vee-validate, но это тоже не удается.

Что мне не хватает?