I’m new to Quasar but am none-the-less trying to use the QForm component. When I modify resources/quasar/quasar.conf.js to include QForm, however, I get the following error:

Error: Unknown import from Quasar: QForm

Here’s how the framework / components bit looks after I added QForm:

framework: {
  components: [
    'QLayout',
    'QLayoutHeader',
    'QLayoutDrawer',
    'QPageContainer',
    'QPage',
    'QToolbar',
    'QToolbarTitle',
    'QBtn',
    'QIcon',
    'QList',
    'QListHeader',
    'QItem',
    'QItemMain',
    'QItemSide',
    'QField',
    'QInput',
    'QSpinnerMat',
    'QCard',
    'QTooltip',
    'QForm'
  ],

Here’s my quasar dev output:

 Dev mode.......... spa
 Quasar theme...... mat
 Quasar CLI........ v0.17.25
 Quasar Framework.. v0.17.20
 Debugging......... enabled

Any ideas?

Say I have the following q-input:

<q-input
    v-model="form.email"
    inverted-light
    color="white"
    stack-label="Email:"
    type="email"
    @blur="$v.form.email.$touch"
    :error="$v.form.email.$error"/>

I’d like to be able to make it so that if the domain of the email is mydomain.com that the form action will change to another website (without csrf protection) and the POST will be made to that website instead of the main one.

To do this I was thinking I could use jQuery. eg. $('#email').val().replace(/^.+@/, '') == 'mydomain.com' then change the form action and submit.

The only problem is: I don’t know how to set an id attribute on q-input.

Any ideas?