Vue warning and component not showing while using v-form and v-text-field from Vuetify

Question

I'm trying to use the v-form and v-text-field components from the Vuetify node package.

<template>
  <v-form>
    <v-text-field label="Test" type="foo"></v-text-field>
    <v-text-field label="bar" type="text"></v-text-field>
  </v-form>
</template>

When I do, and even when that's the only components inside a template, I have those warnings and the components are not displayed, but still show up in the inspector.

Other components like v-container, v-row/v-col or v-btn work fine, and it's occurring on both Firefox and Chrome. I'm currently using vuetify 3.0.0.alpha.2

Thanks for reading through !

Mohammad Momeni Mohammad Momeni · Accepted Answer · 2021-03-22T12:58:35

It seems in the Vuetify version 3.0.0-alpha.2 v-form and v-text-field are not in the available components yet (It is just in the alpha process and under development)

What is included in the alpha?

Currently most base functionality of Vuetify is included in the alpha. This includes core services such as theme, configuration, and layout. A small subset of base components are also included such as grid system, sheets, and buttons. For full list of available components, visit the UI Component and API sections.

Try using a stable release like v2.4.7

Vue warning and component not showing while using v-form and v-text-field from Vuetify

1 Answers