title: Why is the Vuetify autocomplete not showing the data in the component?
body: <p>I am creating a form inside a Vue component using Vue.js &amp; Vuetify but the list of schools I want to display in the autocomplete box are missing. I have included them as an array in the data function in the component but they are not showing up and the following error is thrown in the console.</p>
  <p>[Vuetify] Unable to locate target [data-app]</p>
  <pre class="lang-html prettyprint-override"><code>    &lt;template&gt;
       &lt;div class=&quot;app&quot;&gt;
        &lt;v-card width=&quot;500&quot;&gt;
         &lt;v-card-title class=&quot;pb-0&quot;&gt;
          &lt;h1&gt;Sign Up&lt;/h1&gt;
         &lt;/v-card-title&gt;
        &lt;v-card-text&gt;
          &lt;v-form&gt;
            &lt;v-text-field
              required
              label=&quot;Email&quot;
              type=&quot;email&quot;
              prepend-icon=&quot;mdi-email&quot;
            /&gt;
            &lt;v-text-field
              required
              :type=&quot;showPassword ? 'text' : 'password'&quot;
              label=&quot;Password&quot;
              prepend-icon=&quot;mdi-lock&quot;
              :append-icon=&quot;showPassword ? 'mdi-eye' : 'mdi-eye-off'&quot;
              @click:append=&quot;showPassword = !showPassword&quot;
            /&gt;
            &lt;v-text-field
              required
              label=&quot;First Name&quot;
              prepend-icon=&quot;mdi-account-circle&quot;
            /&gt;
            &lt;v-text-field
              required
              label=&quot;Last Name&quot;
              prepend-icon=&quot;mdi-account-circle&quot;
            /&gt;
            &lt;v-text-field
              required
              label=&quot;Preferred Username&quot;
              prepend-icon=&quot;mdi-account-circle&quot;
              placeholder=&quot;This name will be seen by others and identify you on the site&quot;
            /&gt;
            &lt;v-autocomplete
              label=&quot;Which school do you attend?&quot;
              :items=&quot;schools&quot;
            &gt;&lt;/v-autocomplete&gt;
          &lt;/v-form&gt;
        &lt;/v-card-text&gt;
        &lt;v-divider&gt;&lt;/v-divider&gt;
        &lt;v-card-actions&gt;
          &lt;v-btn color=&quot;info&quot;&gt;Sign Up&lt;/v-btn&gt;
        &lt;/v-card-actions&gt;
       &lt;/v-card&gt;
      &lt;/div&gt;
    &lt;/template&gt;
     &lt;script&gt;
       export default {
         name: &quot;signup&quot;,
         data: function() {
           return {
             showPassword: false,
             schools: [
             &quot;Ipswich High School&quot;,
             &quot;Northgate High School&quot;,
             &quot;Kesgrave&quot;,
             &quot;Ipswich Academy&quot;
             ]
            };
           }
         };
        &lt;/script&gt;
  </code></pre>