title: "TypeError: _vm.$refs.dialog.save is not a function" in VuetifyJS
body: <p>I'm using VueJS with VuetifyJS and I get this error as soon as I try to save the time by clicking the OK button:</p>
  
  <blockquote>
    <p>[Vue warn]: Error in event handler for "click": "TypeError: _vm.$refs.dialog.save is not a function"</p>
  </blockquote>
  
  <p>I didn't change the code - just used the <a href="https://vuetifyjs.com/en/components/time-pickers#example-time-dialog-and-menu" rel="nofollow noreferrer">original code from the VuetifyJS example</a>:</p>
  
  <pre><code> &lt;v-flex xs11 sm5&gt;
    &lt;v-dialog
      ref="dialog"
      v-model="modal2"
      :return-value.sync="time"
      persistent
      lazy
      full-width
      width="290px"
    &gt;
      &lt;v-text-field
        slot="activator"
        v-model="time"
        label="Picker in dialog"
        prepend-icon="access_time"
        readonly
      &gt;&lt;/v-text-field&gt;
      &lt;v-time-picker v-model="time" actions&gt;
        &lt;v-spacer&gt;&lt;/v-spacer&gt;
        &lt;v-btn flat color="primary" @click="modal2 = false"&gt;Cancel&lt;/v-btn&gt;
        &lt;v-btn flat color="primary" @click="$refs.dialog.save(time)"&gt;OK&lt;/v-btn&gt;
      &lt;/v-time-picker&gt;
    &lt;/v-dialog&gt;
  &lt;/v-flex&gt;
  
  &lt;script&gt;
    export default {
      data () {
        return {
          time: null,
          menu2: false,
          modal2: false
        }
      }
    }
  &lt;/script&gt;
  </code></pre>
  
  <p>Also as soon as the picker appears the website behind it is not visible anymore -  there should just be a black overlay on it. </p>
  
  <p>I tried to update NodeJS and all dependencies to the latest version but it didn't help.
  Where does this error come from? Any ideas welcome.</p>
  
  <p><strong>UPDATE: I put the same unchanged code from the Vuetify example in <code>App.vue</code> and it worked but it still doesn't in <code>HelloWorld.vue</code> - any ideas?</strong></p>